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ASUS Transformer Book TlOO 

Trasforma il tuo stile di vita mobiie 

2-in-1 ultraportatile e tablet da 10" 

ASUS Transformer Book T100 racchiude 2 soluzioni in 1. È un notebook ultraleggero e potente con processore Intel” Atom" 
quad-coTB e Windows 8.1, per essere sempre produttivi anche grazie ai pacchetto preinstaliato Microsoft Office. Si trasforma 
In un tablet pratico e versatile, semplicemente sganciando lo schermo dalla tastiera dock, per II massimo divertimento a 
casa e fuori anche grazie a ben 11 ore di autonomia! Scopri di più @ www,asus.coiTi/ln-8eatch-of-lncrBdlble/lt 
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WORDPRESS 

Metti on-line il tuo blog.10 

Solo noi ti regaliamo 10 gigabyte di spazio Web per 
pubblicare il tuo sito. Ecco come attivarlo subito 


Il tuo sito Web pronto all'uso 12 

Con Web Genetator crei e personalbs 
una vetrina on-line con un semplice 
copia&incolfe dei tuoi contenuti 

r «nolo meesaiMo eaao soie» NA6A < O 



Finalmente siamo on-line!.16 

La guida per pubblicare il sito creato con il nostro 
Web Generator. Lo spazio te lo diamo noli 

Un'altemativa chiavi in mano ... .22 

Il blog è uno dei migtiori strumenti per farsi cono¬ 
scete su Internet. Noi di Win /Vtagazine ti diciamo 
come fare pratica ed essere subito operativi con la 
piattaforma Wordpress 

WEB MARKETING 

Coment is thè King!.36 

Un Blog che offre contenuti validi e adornati, può 
diventate un punto di riferimento per gli internauti 

Fissare il target, conoscere 
il mercato.38 

Dopo avete appreso le regola della buona 
scrittura e strutturazione dei contenuti, 
concentriamoci sugli obiettivi del sito/blog e 
studiamo la concorrenza. Google ci da una mano 

Il blog ai primi posti sui motori 
di ricerca.40 

Le tegole di base e i consigli giusti per ottimizzare 
il Cms WotdPress e far risalire al nostro sito Web 
posizioni importanti 

Posizionamento in pratica.44 

Trucchi, consigli e tutto ciò che c'è da sapere 
per essere primi nei risultati di ricerca, prima 
condizione per aumentare le visite al blog 


Statistiche: il spreto 

del successo 46 

Per sapere se il sito è visitato e da 
chi, dobbiamo usare un servizio di 
statistiche capace di scendere nei 
particolari™ 
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Scopri chi ti leise, con Google 
Analytics.48 

Vediamo nei dettagli come funziona e quali dati 
possiamo monitoiare attraverso il servizio di 
statistiche di Google 

L'effetto Seo di Twitter e Facebook 50 

Bing e Google confermano che i link condivisi sulle 
due piattaforme influiscono sul ranking: i social 
network migliorano le performance di un sito 

Pubblicità che rende.54 

Con servizi come adSense di Google e Ibs 
trasformiamo il nostro sito in una fonte di guadagno 


Guadagnare con le affiliazioni 
Online S6 

Questi programmi consentono di far 
soldi a chi gestisce un progetto 
di comunicazione Web. Ecco cosa sono 
e corse funzionano 
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WEB FACILE 

Realizza il tuo sito web 

in pochi passi!.60 

Semplicità nella realizzazione e massima 
qualità del prodotto finito: è quanto d garantisce 
Website X5 


WEB PRO 

Un sito touch chiavi in mano.74 

Realizza la tua pagina personale con una grafica 
in stile Windows 8 Guida passo passo, dominio e 
spazio web... te li regaliamo noil 


CrealatuaTVoonUstream 79 

Diventa un videoreporter e programma 
la diretta mondiale direttamente da 
smartphone, tablet o PCI 


EdrtVcMO 



Il tuo sito Web di video e musica. .82 

Scopri come arricchite le pagine Internet con tutte 
le tue passioni multimediali. Ecco i trucchi per 
'embeddare' di tutto e di più 

WordPress è sotto attacco!.84 

C'è chi riesce ad accedere al pannello di 
amministrazione del sito Web utilizzando un 
semplice tool. Svelati i retroscena 

Bottega virtuale™, guadagni reali! 86 

La recessione avanza, ma esiste un settore 
che sembra non conoscere crisi. Quale? 

Quello delle vendite oniine. Win Magazine ti 
spiega come aprire un negozio e iniziare a 
guadagnate fin da subito... 

YouTube Live: il bello 

della diretta.92 

Cosi creiamo il nostro network personale per 
trasmettere dal vivo sul Tubo le immagini 
provenienti dalle sorgenti video collegate al PC 

Navigare sicuri, navigare bene!.. .94 

Trucchi, consigli, estensioni e software per 
spassarsela sul Web al riparo da trirffe e maiware. 
Dal btowser alla protezione avanzata, ecco la 
guida completa 


I prezzi di tutti i prodotti riportati aii'intemo deila rivista potrebbero subire variazioni e sono da imendersi IVA indusa 
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Windows 


TRUCCALA E VEDI TUTTO! 


■ CANALI 
SEGRETI 

DELLA TV! 


GRATIS IL TELECOMANDO SOFTWARE 




LADRI DI CELLULARE 

Installa Tapf) 'fantasma* che li stana 
tutti con una soia foto 

DISINTOSSICARSI 
DA FACEBOOK? 

La nostra cura per aggiomare 
lo stato su tomo subito' e prendetsi 
urta vacanza dal Social Network 

• PC • SMARTPHONE • CASA • UFFICIO 



rno iateifilmWySky HP 

Scaricare MWdato TV 


Incredibile: quello che vedi in TV è solo 
il 50% dei contenuti trasmessi! 

Ecco le frequenze nascoste accessibili 
solo col nostro "telecomando virtuale" per_. 

✓ Guardare in chiaro sport e film ✓ Attivare la visione dei "Dietro le quinte" 

✓ Installare software sulla TV ✓ Registrare tutto su hard disk USB 

✓ Sfogliare i quotidiani gratis .„e tanto altro ancora 

100 TOP APP 



il PER VIAGGIARE 

il fK ìt&rìiif'" :T ts 


C(^si 
SPM-°SP/A 

Rubare documenti personali è pKi 
bdle di quanto si pensi. Scopri dove 
si itascondono le spie e» come spiarlel 


AGGIORNA GRATIS 
IL TUO HARDWARE 

Stampante, webcam. hard disk... 
ti diciamo come e quando ‘rìnfrescartr 
per avere un PC sempre ai top 


SVUOTA LA SOFFITTA 
E... a GUADAGNI 

Le dritie per vendere on-line In luna 
sicurezza l'hi-tech che non usi più 

© RKyJoitl.tiacfe:jn Qna^spno'tìa^^ 
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TpERTABLET , 

•Tsmartphonew y (I 

Traducono in tutte le lingue, d accompagnano a destinazione, d ^gbmano 
su orari di treni, aerei e traghetti- A pag 121 la guida per usarle al meglio 


■ SPEDALE RELAX 2014 ■ TESTATO IN ANTEPRIMA PROTONMAIL 

GIOCA SENZA COMPUTER! L'E-MAILAim-INTDKETIAZIONE 

Rompicapo ed enigmi che stuzzicano Ecco come utiTizzarla per crittare ogni tua 
■Ingegno... ^iche sotto rombrellone! comunicazione in Rete 
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DVD da 4,3 GB 


Web Generator 

L'esclusivo generatole au¬ 
tomatico con Web server 
preconfìgurato, Wordpress 
aggiornato e in italiano, Tema 
grafico responsivo e plt^-in 
pronti all'uso. Potrai cosi per¬ 
sonalizzare il sito con un sem¬ 
plice copia&incolla dei tuoi 
contenuti. Il Web Generator 


funziona su tutti i computer 
Windows, Linux e Mac senza 
particolari requisiti hardware. 

fiì /enurdkStrKeilAlIPzxi 

WebSite XS Compact 9 

il 

Con WebSite X5 per creare 
i tuoi siti non hai bisogno 
di programmare, ti basta il 



mouse! Lavori sempre in 
maniera visuale, anche per 
impostare le funzioni più 
avanzate, e puoi contare 
su un'interfaccia Intuitiva 
e ricca di anteprime co¬ 
stantemente aggiornate in 
tempo reale. In più, WebSite 
X5 include tutti gli strumen¬ 
ti necessari per creare siti 
accattivanti, coinvolgenti e 
professionali. 

. .x5_cp.i 

Virtual Box fi 

Un eccellente programma, 
prodotto da Oracle, che 
permette di far girare su un 
PC delle macchine virtuali 
con diversi sistemi operati¬ 
vi: Windows (NT 4.0, 2000, 
XP, Sen/er 2003, Vista, Win¬ 
dows 7), DOS/Windows ìx, 
Linux (2.4 and 2.6), Solaris 
and OpenSolaris, OS/2, e 
OpenBSD. Gratuito e distri¬ 
buito con licenza GNU. 
hi. 'IrttilBiB-tJ 15-S3733-Wltn« 

Avidemux2A8v2f I 

Software open source che 
consente di modificare, ta¬ 
gliare e unire i videoclip nei 
formati di maggiore utilizzo 
(AVI, Ouicktime, MPEG, MP4, 
ecc). Indispensabile anche 
quando si tratta di effettua¬ 
re operazioni di editing per 
togliere la pubblicità pre¬ 
sente nei video scaricati dal 
Web, ad esempio sfruttan¬ 
do il senrizio Vcast 

.wdtmu»_2.B.fl_V2_i«inzip 

Comodo Personal 
Rrewall 2.0 II 

Grazie a questo completo 
firewall potremo navigare 
su Internet con un po' più 
di tranquillità. Il software 
riconosce un elevato nu¬ 
mero di applicazioni, per le 
quali stabilisce un diverso 
grado di pericolosità, e ne 
impedisce le funzioni che 
potrebbero compromettere 
la sicurezza del sistema. 

dw.imtallerzjp 

AVGAnti-Viiiis 

Free 20 i 4 ll 

AVG Anti-Virus Free Edi- 
tion offre un sistema di 


protezione avanzato e 
intuitivo per proteggere il 
proprio computer e com¬ 
battere virus, Spyware e 
maiware. Il programma 
Integra una serie di fun¬ 
zionalità di protezione 
on-line che consentono 
di analizzare ogni singo¬ 
lo byte che passa in rete, 
compresi i collegamenti a 
Twitter e Facebook. 


Any Vìdeo 
Convetter 5.62 fi 

Ottimo programma per la 
conversione di un gran nu¬ 
mero di filmati in tantissimi 
formati, compresi quelli uti¬ 
lizzati dai dispositivi mobili: 
tablet, smartphone di ulti¬ 
ma generazione e console 
game. Any Video Convetter 
è veloce nelle operazioni di 
decodifica e presenta un'ot¬ 
tima qualità di output 

Flh: ave-fu.» 

ImBatch leo fi 

ImBatch è un software 
di grafica che si occupa 
dell'elaborazione delle foto 
con funzioni automatiche 
(in batch) ed il supporto al 
formato RAW. Tali funzioni 
consentono di effettuare 
modificherà più immagini 
insieme. È possibile ridi¬ 
mensionare le foto, con¬ 
vertire i formati e regolare i 
colori, rimuovere 0 aggiun¬ 
gere tag e informazioni 
EXIF, ritagliare parti delle 
immagini, effettuare la 
conversione di documenti 
PDF e altro ancora. 

Rie: iituiHmb>ti:h4atesuiii 

Simple Fort 
Fofwarding 3&5 f 1 

Siete stanchi di perdenti tra 
le mille impostazioni dei 
vostri router con scarsi risul¬ 
tati? Bene, è arrivato il mo¬ 
mento di dare una svolta al 



vostro modo di operare e di 
aprire finalmente le porte 
giuste per utilizzare giochi e 
applicazioni che richiedono 


lo scambio di dati con la re¬ 
te, senza problemi. 

Hi; jic.; fjnwmSixLJWiipifp 


NetWorx Portable S 3 j 
O 

Misura la capacità reale 
della tua banda di rete 

■ jortttitezip 
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Adobe Reader no fi 

Aggiornamento per l'ultima 
versione del noto software 
di casa Adobe, necessario 
per leggere i file in forma¬ 
to PDF (Portable Document 
Format). Questa release 
chiude una lunga lista di 
vulnerabilità, le più gravi 
delle quali possono con- 
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sentire ad un cracker di 
compromettere i calcolatori 
delle vittime semplicemen¬ 
te inducendole a visualiz¬ 
zare, magari direttamente 
aH'interno del browser 
Web, un documento PDF 
malformato. 

F=B:A(lbeRii :11000 IL-; 

Spybot - Scardi & 
Destroy 23 0 

Una soluzione gratuita 
contro Spyware, rootkits 
ed adware, con un potente 
motore antivirale, che fun¬ 
ziona in tempo reale. Inte¬ 
gra anche funzioni per pu¬ 
lire tracce della navigazione 
e consente di coneggere 
alcune incongruenze nel re¬ 
gistro di sistema. 


zioni con scenari e funzioni 
Augmented Real'ity, ovvero 
che fanno uso della realtà 
aumentata su smartphone e 
tablet senza scrivere una riga 
di codice. Permette di com¬ 
binare audio, video. Mappe, 
pagine Web e contenuti 30 
con il minimo sforzo. 

Angry IP Scanner 33 

Angry IP Scanner è un vero 
e proprio scanner di indi¬ 
rizzi IP semplice da usare, 
veloce e capace di rilevare 
gli IP (Internet Protocol) dei 
computer collegati con le 
rispettive porte, controllan¬ 
do i programmi che stanno 
comunicando con Internet 
File: ipicaii — 


Tempiale Metro Ul 

Parola d'ordine "Tile"! Era 
inevitabile che accades¬ 
se; ora ì ‘quadratoni' di 
Windows 8 fanno scuola 
anche nel Web Designi 
Per consentirti di crea¬ 
re, senza fatica, la tua 
pagina web personale 
ottimizzata anche per di¬ 
spositivi mobile abbiamo 
realizzato un Template ad 
hoc. 

-rtiWebSiteap 
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Metaio Creator Free 

Metaio Oeator è un program¬ 
ma per realizzare applica¬ 


Acunetix 

Al fine di testare la sicurezza 
delle applicazioni web è uti¬ 
le testare Web Vulnerability 
Scanner della Acunetìx. Que¬ 
sto software è uno dei più 
apprezzati scanner per la si¬ 
curezza; permette di effettua¬ 
re test avanzati su una vasta 
gamma di vulnerabilità. 

■ “jnSli-i." ;;;; ■ 



Filezilla 380 U 

FileZilla ha tutti i comandi e 
le funzionalità che ti aspetti 
da un buon Client FTP. L’in¬ 
terfaccia è molto intuitiva 
e, come onnai consueto in 
questo tipo di programma, 
per trasferire un file tra le 
cartelle sul tuo computer 
e quelle remote su un ser¬ 
ver basta un semplice drag 
and drop. 

Fle:Ftlca 110 - 



» ^mi Wordpress 

La comunità di Wordpress è composta da migliaia di 
utenti, designer e sviluppatori, che contribuiscono a 
migliorare Wordpress. Da sempre, il modo più imme¬ 
diato ed efficace per aiutare la crescita di Wordpress 
consiste nello sviluppare un tema (o tremplate). Ab¬ 
biamo selezionato 20 temi gratuiti che per raffinatezza 
delle funzionalità ed eleganza delle soluzioni grafiche, 
nulla hanno da invidiare a quelli a pagamento. Date 
un'occhiata alle anteprime... e fate la vostra sceltal 



Wordpress 3.9i f .1 

Il più famoso CMS open- 
source per la gestione di 
biog; ora è possibile gestire 
installazioni multiple diret¬ 
tamente da Wordpress ed 
è stata aggiunta una nuova 
gestione di menu. I siti non 
sono più composti unica¬ 
mente da post e pagine: è 
possibile creare “custom 
post" (tipi di articoli) perso¬ 
nalizzati. 

Fik' V C'J.MI,IIiip 

WebSiteXSFreef I 

WebSite )(5 è un softwa¬ 
re multi-lingua che per¬ 
mette di aeare siti web 
utilizzando una approccio 
esclusivamente visuale: 
grazie all'ampia gamma di 
strumenti messi a dispo¬ 


Wordpress: la guida 

in formato pdf 

Dal'installazione all'uso dei post personalizzati, dai 
widget ai plug-in più usati, dai template ad-hoc fino 
alla realizzazione di un Super Admin per la gestione 
dei contenuti. Ecco la guida dedicata al più famoso 
CMS opensource per la gestione di blog: Wordpress. E 
in più, i tutorial per integrare il modulo Paypal nel tuo 
blog e usare jquery e Google Maps API. Questo ap¬ 
profondimento temati¬ 
co è stato pensato per 
chi desidera lanciarsi 
nel mondo del Web e 
vuole farlo in maniera 
professionale, impa¬ 
rando ad utilizzare una 
piattafomna che, nella 
sua semplicità disar¬ 
mante, offre grandi 
potenzialità. 



sizione, infatti, è possibile 
gestire graficamente ogni 
aspetto delle pagine aeate, 
rendendo superflua la ge¬ 
stione del codice HTML che 
le compone. 



Bhnaml f I 

WordPress per funzionare 
necessita di un interprete 
PHP, di un database rela¬ 
zionale come MySQL (o 
MarìaDB) nonché di un Web 
server come Apache. Seb¬ 
bene sia possibile metter 


su una distribuzione GNU/ 
Linux 0 un sistema Micro¬ 
soft Windows installando 
ognuno dei software ripor¬ 
tati, la dinamica prevede 
diversi passi legati non solo 
alla singola installazione 
ma anche alla configurazio¬ 
ne; volendo seguire questa 
strada allora un minimo di 
conoscenze occorre averle. 

% billlòil, .11" 

GIMP 2.810 n 

L'alternativa più affidabile a 
Photoshop si chiama GIMP, 
un programma open source 
che permette di ritoccare, 
aeare e modificare foto, 
immagini e anche presen¬ 
tazioni multimediali grazie 
all'ampio ventaglio di stru¬ 
menti e filtri. 

fi;» gImtt-lS.IO-wtu 
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ENTRA CON NOB NELLA 


LA RETE SEORETA DESU SMANeTTONI! 


300% più veloce Zero costi Funziona anche 

della tua ADSL d'abbonamento quando il Web è down 


Abbiamo scoperto l'altra Internet: Indipendente, Libera ed Aperta. 
Ecco le credenziali d’accesso per navigare e scaricare di tutto 
e di più dalla tua Linux-box 


Attenti , . 
a quella ^ 
stampante! 

I — Sono ecorioTiiche, precise 
e veloci. Alcune, possono 


a “Nel mio PC 
non entri!” 

Ecco come reallTjare un sistema 
di sicurezza a prova di scasso 


CH UDE UBUNTU ONE 


APRE IL CLOUD 
DI UNUX MAGAZINE! 


Migliore di Google Drive, MEGA e Dropbox. Ecco la nostra alternativa 
che ti permette di trasferire i tuoi dati sulla nuvola... 
in tutta sicurezza 


Python 
Ito problem! 

Il corso completo per i linguaggio 
tutfaltro che velenoso 


Altro che Antivirus! 

ApparentcmcnK t proteggono, 
ma in realtà... (i,sp 


Pinguini sempre 
sotto controllo! 

La guida delìnilìva per snrvegiare 
Ii24 i nostri server CNU/LruK 


100 GB DI SPAZIO per foto, musica, video e doc 


rms 


TURBO ^ 
ANDROID! aSSSi 

Cdiiilarc iento'z Svelati 
I tnjcetii per tendivi ' 
asaae conte nomwii 


OPS, HO ROTTO UN VETRO.. 

le dritte dei nostri esperti per creare^ 
un disinittivo elletto speciale 


FERMO O SPARO! 

Cc^ di ludle e buchi su muri nei tuoi 
video? Reafizzati è un gioco da tagazzi 




^^wiste + ovo 
✓«*»*»»"** 


OGNI MESE LE PIU AGGIORNATE 
DISTRIBUZIONI PER UNUX. 




EDIZIONI 

MASTER 
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Wordpress 

I tutorial passo passo per realizzare e aggiornare un blog 
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etti on-line 
I tuo blog 

Solo noi ti regaliamo 10 gigabyte 
di spazio Web per pubblicare il tuo 
sito. Ecco come attivarlo subito 


Cosa Ci f ^ 
occorre 

;ìDI ■' 

SILVER UNUX 

Quanto co?:' Gratulo 
per un anno al solo 
costo del dominio 
(830 euro+IVA) 

Sito Internet 

www.wlnmagazkia 

it/link/2551 

Oettapll offerta 
La promozione include: 

• Vmpress pronto ell'usp 

• 10 GB di spazio Web 

• 20 GB d trafficoimese 

• 10 caselle e-maa 

• Googie PageSpeed 
preinstalatD 


INSERIAMO 

GLIARTICOU 

Per inserire un nuovo 
articolo (o post) in 
Wordpress dkchiamo 
Artkoll/Aggiungl 
nirom e iniziamo a scrì¬ 
verlo. Possiamo anche 
aggiungere post al volo 
dairanteprima del sito, 
se siamo già autenti¬ 
cati sulla piattaforma 
Wordpress: sulla parte 
supcriore del nostro 
Uog troveremo un me¬ 
nu col quale potremo 
inserire e modificare 
artìcoli e pagine Web. 
Ovviamente, queste 
voci non saranno 
visibili e disponibili al 
normali visitatori (solo 
a noi, in quanto ammi¬ 
nistratori dei sito). 


I n questo mondo sempre più virtuale, per 
risultare professionali e guadagnare in 
credibilità, è fondamentale presentarsi 
con un sito Web (o un blog) ben realizzato. In 
questo, Wordpress è sicuramente una delle 
piattaforme più efficaci: semplice da usare 
e ampiamente personalizziabile, ci consente 
di realizzare in poco tempo il sito dei nostri 
sogni nel quale possiamo infondere tutte le 
nostre passioni. Per diventare protagonisti 
del Web, però, dobbiamo affrontare una serie 
di costi (il più oneroso dei quali è il noleggio 
dello spazio Web) e scontrarci con alcune dif¬ 
ficoltà tecniche (se il server non è ottimizzato 
per Wordpress) che potrebbero scoraggiarci 
al punto tale da farci desistere. 

Soluzioni facili per tutti 

Per facilitarci la vita, abbiamo stretto un ac¬ 
cordo con Hosting Solutions (www.hostingso- 
lutions.lt), uno dei più famosi servizi italiani 
di hosting. Tutti I nostri lettori potranno 
approfittare di un'offerta imperdibile: 
un server Silver Linux con Wordpress e 
il plug-in Googie Pagespeed preinstalla¬ 
ti, gratis per un anno (al semplice costo 
di registrazione del dominio: 8,90 euro -f 
IVA)! 11 servizio mette a disposizione 10 GB 
di spazio Web e un traffico mensile di 20 
GB, più che sufficienti per la maggior parte 
delle esigenze. Insomma, un valore di 79,30 
euro a soli 10,86 euro (IVA compresa)! Non 
dovremo fare altro che registrare il dominio, 
scegliere il tema grafico per le pagine dei sito 
e inserire i contenuti: Hosting Solutions ci 
fornirà via e-mail tutti i dati di autenticazione 
per accedere ai pannello di controllo del sito, 
risparmiandoci la scocciatura di conBgurare 
server, database e file di configurazione di 
Wordpress. Con la nostra guida pratica e le 
dritte necessarie basteranno quindi pochi 
clic per diventare 1 numeri 1 del Web! 
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Attiviamo la promozione 

3 Colleglliamoci su www.winmagazine.it/ 
link/2551 e nella pagina caricata digitiamo il 
nome che adiamo scelto per il nostro sito/ 
blog. Selezioniamo Nuovo dominio e cWcMam 
Ordina. Inseriamo i nostri dati anagrafici reali: all’e- 
mail specificata riceveremo le Informazioni per acce¬ 
dere al sito. 



Un tema oer il nostro sito 

J [ Dalla voce /lspe/to(menu di sinistra) sce¬ 
gliamo 7e/n/'(potremmo scegliere tra 200 
J tempiale pronti all’uso). Scegliamone uno 
e cucchiamo su instalia e al termine su Attiva per 
abilitare il tema scelto. Quindi, premiamo Perso¬ 
nalizza per apportare le opportune modifiche al 
nostro layout. 



I nostri dati personali 

J Andiamo alle scherniate successive e accet¬ 
tiamo le condizioni contrattuali. Se siamo 
interessati, possiamo selezionare eventuali 
servizi aggiuntivi a pagamento. Una volta arrivati al 
carrello Inseriamo nel box promozionale il coupon 
SL001PS. Terminata la procedura, scegliamo la tipo¬ 
logia di pagamento e completiamo l’ordine. 



Creiamo te panine del btoq 

J Per aggiungere una nuova pagina, faaiamo 
clic su Pagine//^iunginuovane\ solito menu 
di sinistra. Ad ogni pagina possiamo associa¬ 
re un titolo, dei testi formattati utilizando l’editor inte¬ 
grato e, eventualmente, dei contenuti multimediali. 
Tutte le nuove pagine saranno aggiunte automatica- 
mente al menu, che potrà essere poi personalizzato. 



Attendiamo l’attivazione del sito 

a Riceveremo una e-maS da Hosting con i dati 
VJ di autenticazione sia per il pannelo di control¬ 
li lo che per accedere a wordpress. Per visua¬ 
lizzare la pagina di configurazione del blog digitiamo 
http;//nostroindirlzzo/wp-logln.php (ad esempio www. 
ilmioslto.lt/wp-login.php)e Inseriamo logine password 
che troviamo nella e-mall ricevuta da Hosting. 



Inseriamo fato, video e audio 

Per inserire contenuti multimediali, debbiamo 
aprirelapaginacheciinteressaocreameuna 
nuova e cliccare Aggiungi media. Possiamo 
inserire un singolo file, una URL oppure creare una 
gallerìa fotografica. Inoltre, abbiamo modo di decidere 
se caricare un file al volo (Caricamento tildi o usare il 
materiale archiviato nella libreria (Libreria medici. 



Ecco il risultato finale! 

J i Aggiungiamoicontenutimultimediallallanostra 
libreria, in modo da inserirli velocemente negli 
J as^,daMedìa/Aggiunginuovo^!dsman\o 
i file che ci interessano da Esplora risorse. Per una 
visione dei contenuti già presenti, andiamo su Media/ 
Librerìa, quello che non d piace può essere cancellato! 




Google PageSpeed è un plug-in che analizza e ottimizza il nostro sito 
dal punto di vista del client, al fine di migliorarne le prestazioni 
complessive e di aumentarne la visibilità nei risultati dei mo¬ 
tori di ricerca. Ogni volta che viene richiesta una pagina, 

PageSpeed controlla se essa è conforme a una serie 
di regole che influiscono sul tempo di caricamento, 
dalla risoluzione dei nomi all'effettivo download 
delle risorse richieste. In caso contrario. Interviene 
sulla pagina e sui suoi componenti, in modo da 
ridurre la latenza e il consumo di banda. Le Im¬ 
magini sono ricodificate dinamicamente rimuo¬ 
vendo i metadati e portandole alle dimensioni 
effettive, mentre il codice JavaScript e i fogli di 
stile sono combinati e ottimizzati. Tutto questo 
senza Interferire minimamente sull'aspetto o sulle 
funzionalità del sito. L'offerta di Hosting Solutions 
comprende Google PageSpeed già installato. 
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GESTORE 

MACCHOffVmnjAU 

VIFnUAlfiOX 

Lii trovi su: •''DVO 


SOnWARE COMPLETO 


SflDinteniot 

www.virtuanwx.arg 


I l 12 marzo del 1989 rinformatico bri¬ 
tannico Tim Bemers-Lee pubblicò un 
saggio tecnico che, di fatto, segnò la 
nascita del World Wide Web. Sono pas¬ 
sati 25 anni da quel giorno e molte cose 
sono cambiate: da strumento usato da 
pochi esperti per lo scambio di dati, il 
Web è diventato il mezzo di comunica¬ 
zione per eccellenza e nessuno, ormai, 
può &me a meno! Ecco perché è diventa¬ 
to fondamentale “essere sul Web": grazie 
alla visibilità offertaci dai social network, 
certo, ma anche e soprattutto con un 
proprio blog personale da trasformare 
in una vetrina virtuale di tutto rispetto. 


Il Web facile per tutti 

L'obiettivo di questo articolo è proprio 
quello di metterci nelle condizioni di 
creare un blog con pochissimi sforzi. Per 
ottenere questo risultato analizzeremo 
le parti salienti per la sua costruzione. 
Inizieremo con l'importazione, l'in- 
stallazione e l'avvio di una macchina 
virtuale utilizzata per creare un server 
locale: ilnostro esclusivo Web Generator 
ci permetterà dì creare e personalizzare 
il sito con un semplice copiaSùncolla 
dei contenuti (www.winmagazine.it/ 
link/2472). Quindi metteremo a frutto 
1 servizi fomiti dal PC virtuale per rea¬ 


lizzare, localmente, il nostro blog con 
tutte le prove del caso senza necessità 
alcuna di sconuxlare persone terze (ter la 
creazione di un Wdj server su rete locale 
qualora non ne fossimo capaci. Tanto 
meno spendere soldi affittando s{)azio 
Web e relativo nome di dominio; e questo 
almeno fino a quando non decideremo 
di esportare il blog su un servizio di ho¬ 
sting per renderlo davvero accessibile da 
chiunque. Avremo quindi tutto il tempo 
(ter sistemare al meglio la nostra idea di 
blog almeno nella sua struttura princi¬ 
pale e al tempro stesso fare pratica con 
Wordpress, lo strumento giusto che ci 


Cosaci » 
occorre 

eMTORHIML 

WEB 

GENERATOR 

La travi su «rovo 
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Sitali 

www.wiiiniaga2ina 

it/Bnk/2472 


Il tuo sito Web 
pronto all’uso 

Con Web Generator crei e personalizzi una vetrina on-iine 
con un sempiice copia&incoiia dei tuoi contenuti 


Prima di procedere nella lettura Iniziamo a scaricare 
dal nostro Win DVD-Rom il file Zenwalk Server LAMP. 
ova, cioè II nostro esclusivo Web Generator (Il file 
"pesa" circa 1,1 GB). 

• La versione di Wordpress Installata è la 3B.1 )0(L 
(www.winmagazineJt/llnk/2518). Il blog è già loca¬ 
lizzato in Italiano anche nel back-end (dashboard, 
bacheca o lato amministratore che dir si voglia). 

• Abbiamo quindi aggiunto il tema responsivo 
iTheme2 (www.winmagazine.it/link/2519) per 
visualizzazioni più che perfette anche da dispositivi 
mobile come smartphone e tablet. 

• Sono stati aggiunti ulteriori plug-in: lo slideshow 
Smooth Slider (vvww.winmagazine.it/llnk/2520). 
Il Viper's Video Quicktag (www.winmagazine.lt/ 
link/2521) per llmplementazione dei video, il 


plug-in per i banner pubblicitari WP125 (www. 
winmagazine.it/link/2522) e quello perla creazione 
di una galleria fotografica, WP Photo Album Plus. 
• Sono state aggiunte anche funzioni social come 
Il plug-in Facebook Members (www.winmagazi- 
ne.lt/link/2523), di default lasciato sulla pagina 
Facebook di Wordpress, e Facebook Uke Button 
(www.winmagazine.it/llnk/2524) peri "Mi piace' 
e per indirizzare alla propria pagina su Facebook 
allintemo degli articoli che pubblicheremo. 

Grazie al nostro esclusivo Web Generator, una volta 
avviata la macchina virtuale, il blog sarà accessibile 
dal browser digitando http://192.16856.10/blog 
nella barra degli indirizzi. A questo punto possiamo 
'dimenticarci’della macchina virtualeeoperare diret¬ 
tamente dalla macchina reale per tutte le modifiche 


ff..* 

e la costruzione del blog.Terminato il lavoro sarà 
sufficiente tornare nella macchina virtuale, cliccare 
sulllcona del delfino in basso al centro, poi su Esci e 
Spegni (oppure di nuovo Esci per chiudere la sessione 
attiva) nella finestra popup che appare per spegnerla! 
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permetterà di creare levarie pagine Web senza 
scrivere una riga di codice HTML. 

Un po’ dì dettagli tecnici 

Fatta questa debita premessa mettiamoci su¬ 
bito all'opera. 11 Web Generator è stato creato 
utilizzando, per evidenti motivi di licenze, una 
distribuzioneGNU/I.inux(di preciso laZenwalk, 
www.zenwalk.org). Per i curiosi il sistema èstato 
configurato per avere un minimale sistema ser¬ 
ver pienamente funzionante e con software di 
tutto rispetto e aggiornato alle ultime versioni: 

• WEBServerApache(http://httpd.apache.oig); 

• Database relazionale MariaDB 5.5.35 (https:// 
mariadb.org); 


• Interprete PHP 5.4.24 (www.php.net). 

La macchina virtuale è stata realizzata con un 
occhio alla compatibilità affinché ne possano 
usufruire quanti più utenti possibili: pertanto la 
scelta, per certi versi obbligata, ha visto l'uso di 
una distribuzione a 32 bit con ambiente desktop 
leggero per contenere anche la richiesta di RAM. 
Nello specifico è stato utilizzato XFCE (wwwjtfce. 
org) sebbene la cosa non sia importante ai fini dei 
servizi che dovrà erogare. In quanto macchina 
virtuale cerchiamo di prendere un minimo di 
confidenza con i termini: per macchina Host 
intendiamo il computer che ospita la macchina 
virtuale (nello specifico, dove è installato Vlr- 
tualBox) mentre per macchina Guest il sistema 


operativo installato in VirtualBox, il nostro Web 
Generator. Per avviare il sistema Guest un mi¬ 
nimo di risorse sono necessarie: in particolare 
è suggerita la presenza di RAM installata sul 
sistema Host di almeno 1,5 GB. Il fatto di averne 
di meno, ad esempio 1 GB, non implica che non 
si potrà usare la macchina virtuale, ma sempli¬ 
cemente che verrà utilizzato il file (o la partizio¬ 
ne) di swap con conseguente rallentamento del 
computer per arrivare all'ingovernabilità della 
macchina o comunque ad una lentezza esa¬ 
sperante. Il server virtuale, una volta terminata 
l'installazione, richiederà uno sptazio su disco di 
circa 3 GB che potrà espandere dinamicamente 
fino a 4 GB: pertanto si ha a disposizione circa 
1 GB per effettuare tutte le nostre prove. 


Mettiamo a punto il Web server 

Ecco la procedura passo passo per avviare la macchina virtuale che ci oermetterà di utilizzare l’esclusivo Web 
Generator senza preoccuparci dì installare e configurare Wordpress e Web server. 



^ Avviamo rimportazione 

Scarichiamo Zenwalk Server LAMP.ova dal 
nostro Win DVD-ROM e awiamo VirtualBox 
(www.virtualbox.org) se già installato, altrimenti scari¬ 
chiamolo dal Win DVD-Rom. Cliahiamo Fìle/lmporta 
applicazione virbjale. Selezioniamo II file OVA appe¬ 
na scaricato e cucchiamo su Avanti. 



^ La Giusta configurazione 

. cucchiamo sulla piccola icona posta sul lato 
destro della schermata e recante il segno +. 
In questo modo potremo aggiungere l'interfaccia Vir¬ 
tualBox Host-Only Ethernet Adapter. Selezioniamola 
con un clic del mouse e, sempre sul lato destro, clic- 
chiamo sull’Icona a forma di cacciavite. 



^ ContaTiiiamo te scelte 

^ Nella nuova schemnata che appare verrà pro- 
"t. posto un breve riassunto con le principali carat¬ 
teristiche della macchina virtu^: non dobbiamo modi¬ 
ficate nulla, è sufficiente cliccare direttamente sul pul¬ 
sante Importa In basso per awiare la procedura di 
importazione del nostro Web Generator. 


^ Gli indirizzi giusti 

g Si aprirà II pannello di controllo Dettagli rete 
—^ solo host. Assicuriamoci che in Indirizzo IPv4 
vi sia l'indirizzo 192.168.56.1 e m Wascriera di rete 
IPv4 il valore 255.255.255.0. Nel tab Server DCHP 
rimuoviamo, se presente, il segno di spunta su Aulita 
server. Clicchiamo OK al termine. 



-k. Interfaccia virtuale 

2 L’importazione del Web Generator durerà 
—/ qualche minuto. Al termine dell'operazione 
non awiamo ancora la macchina virtuale. Andiamo 
su Rie e questa volta optiamo per Preferenze. Nel¬ 
la nuova finestra clicchiamo sulla sezione Retee nel 
nuovo pannello apriamo la scheda Reti solo host 


^ Awiamo il Web Generator 

cucchiamo Avvia ed effettuiamo II login usan¬ 
do le credenziali wordpress come Usemame 
e userpresscome P^sword. Caricato il desktop clic¬ 
chiamo Configura IP Statico e alla richiesta di pas¬ 
sword inseriamo osertoor(durante la digitazione non 
verrà mostrato nulla a video) seguito da/nvto. ► 
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Partendo dall'alto, Il primo elemento con II quale d scontriamo à II logo 
del blog. è possibile visualizzare solo del testo, ma se vagiamo rendere 
Il tutto più accattivante creiamoci una nostra Immagine utilizzando un 
software come Gimp (www.gimp.org). Una dimensione adatta si aggira 
Intorno ai 977)r7D pixel. Creata l'immagine entriamo nella dashboiad 
di Wordpress e dal pannello di sinistra cucchiamo su iJlmneZ scheda 
Sfyttng, sezione Site Ioga Dalla nuova schermata (in figura) nel riquadro 
Site légo selezioniamo bnage quindi cucchiamo sul pulsante Upktatl 
subito In basso per caricare una Immagine specificandone altezza 
{heIgMi e larghezza {eridOli. 



^AGGIUNGIAMO LE CATEGORIE ^ 

di sinstii spostimi 1 puntatore del mouse su Mfcofe dal 
nhenu a comparse opSamo per CMsgorti I nuovo parmelio mosberb 
sul lato destro le categorie presenti, mentre la colonna oenlraia sari 
dedicata alla croarione di una nume categoria. U vod sono tutte 
auto esplicailve: l'unica cho merila qualcho parola In più è flanMam 
U categoria die stiamo creando può essere una calqiaria madre; nel 
(luai caso lascerema la voce su Msasuns; oppure essere ligia di una 
deie categorìe già presenti (quindi essere una sottocatagotiaà, nel 
qual caso dai menu a tendina Indicheremo quale Temilntfa questa 
operazione cBcchlamo hi bass o s u l p u ls ante baiAflpfcngf una nuove 
cetegeris. 



eiARTICOU DA PUBBLICARE ^- 

Wordpr^ Integre un edNor visuale e testuale Per Inserire un articolo 
è suffìdente spostare il mouse su AitìcaHe diceste sulla voce di menu 
Aggk^ nuota A questo punto possiamo scrivere l'articolo come se 
stessimo utilizzando un normale programma di videoscrittaira. Se volessimo 
del testo di prova possiamo rtvolgerd a httpV/lt.lIpsum.com per far generare 
interi paragrafi, singole parole e/o elenchi puntali. Inserito II testo dobbiamo 
definirne la categoria di appartenenza spuntando la rdaliva casella nel 
pannello di destra Categorie (scheda Ti/fte le categorici quindi diccare 
sul pulsante nibblilcao AggÀirrH se l'articolo è stato già salvato/creato hi 
precedenza. 





[^notizie in evidenza 

I tema nii«ne2 pennette di scegliere come visuafizzare te 
lotografie insarito negl aitloofi una volta che d si deca sopri 
Questi proprietà te si può impastare andando su/TbsRicS 
scheda SeÙirigi; sezione TTterne SHIiirge Nel riquadro 
Itorfhm g eih o rliigMftoii dal menu a tendina HMPresa 
Ceterfetìeàariam photoSwipe per una visualizzazione 
che occupi tutta la finestra del btmrser, altrimonli optiamo 
per Aiegrinc al fme di visualzzare le Irnmaghii oon ettetlo 
Ightbox. Rimanendo noia stessa sezione e scorrendo la 
fineska verso I basso troviamo I riquadro NearterSUrter 
Cappaere on Aomspig» ooM con II quale creare renette 
scuirimente (stkteÀow) vbUte In home page. Dal menu a 
tendina BmUe Sddsrsttivfamo l'eflotio seleziansndo On 

hi ahgito)'selezioniamo àireges; In rRkIinserianio il titolo 
dafarlloolo, in IMif I link aCartlcolo e In àtregel insertaffio 

II link ali'lnimaolnB deir«1tcalo opportunamantt scalala: nel 
tàog di esemplo sono state uOlzzate Immagini da 200x150 
ridimensionate dada originai. Nd nostri sUTpolranio usare la 
dtew l on s più consona a patto che siano tutte oongroenll al 
fine di mantenere una ceda unlfomiltl 



O I MENU DI NAVIGAZIONE ^ 


Creati gli articol (con assodate categorie) come collegare, 
0 comunque associare ale categorie, le diverse pagine? 
Occorre creare dei menu mediante i quali è possibile 
navigare nel Mog nelle diverse sezioni. Portiamo II cursore 
su Aspetta e scegfiamo Menu Se vogHamo associare un 
menu ad una specifica categoria espandiamo il pannello 
Categorie sulla colonna centrale, quindi sul tab Mrstaa 
tatti spuntiamo una voce di cat^riria e cucchiamo sul 
pulsante Aggàmgl al menu. Venà accodato in basso il 
menu: possiamo spostarlo con un semphee copia&incolla 
nella posizione che gl compete. Se deve essere un 
sottomenu è sufficit spostarlo verso desta durante (o 
anche dopo) il posizionamento. 
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Q^eo da youtube e vimeo 

Un Pl ug Jn è mpraatuBwaflon autonomo, quindi 
a p e n d wite da albo progranwf,—etto aggtonfle una 
(Unzione al M«>U<aiuiiui ila uil dipende. MÌHitoliii 

nORnVinnDgvninw BniCCntflJiCOrpOrBnCn Un 
iiIrtHn fti iwniìit IOTI» WniTie», Uinwi wy. iteiianosira 

InalalBziane di \itodpnR8 detifeb Senerator i previsto 
a già abntate I ptog^ Mper^mao Ouicktog R cui uso è 
eabBmamatoaiHivnceLaei iwlgare RtastoderàScolo, 
quando wiàbBTw IneeiiniiiiJÉliieo à aufllcianto ripo^ 
rlndctzzn tra I tag^gadfibe/Maultate/net taaodi meo 
w ftulUbe,/mSw^ànao} per i «Idao fomiti daVImeo 
e cosi via. In «orttà I tatto è ancora più samnlii polcM 
^eolta Instaliato e atttwto 8 phig-ln al “Insterà'con 
milu inserendo nuovi pt àsanB tra mllBtqniiri'unica 
oporaziana da lara-è dtaan, ad aaampio, sulllcona d 
YtoulUbe, inserire rtodlitzzoTdhxare u OKS puaian do 

a /M u nra «Syfa » npl«niln p» - 


Hqgài laalWMInopMlfàrelenoo di quaWInstalaB: quali 
dÉS saranno rtconoscliiO par utidMB) coiorarinalto 
possiamo cHccatasulla voce/IflMe per ognuno di esso 
possiamo avara tu pannqHelainiposiaùoai. Per^n 
un ptoffin è suflicienta cSre sulla voce >U(fM pnaaMe 
n àssfUad scio ifrnms dtpgnliiiggiglug^ 
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a CREIAMO UNA GALLERIA Di IMMAGINI V 


Per questo compilD d starno avvalsi del plug-in WP Photo 
Mtxan creando una sempios galleria con 6 Immagini, la 
procedura è piuttosto sempica Dalla dastiboeid diachecaj 
di Wonlpross sconendo verso I menu presend nella parte 
bassa laterato troviamo la voce/tato/Uxns: cloctiiainoci 
sopra e nella nuova finestra pioveremo un riassunto delle 
galene fotografiche presenb (se gtà reafizzale). Per creare 
un nuovo album dccliiamo sul pensante In atto CZen un 
fxarvD album vuoto La nuova schermata sarà proposta 
ale usuai Infocmazianl quali nome galleria totograflca, una 
breve descrizione, in quale ordine far apparire le foto eco. 
Efietluate que^ scelte andiamo nel menu di Anto/Uaans 
(nel pannello di sinistta) e optiamo per Carfca tato se sbamo 
(seando un nuovo alxim cficchetarno sul pulsanto Sliogito 
nel riquadro ftrr A'AbHtolls n»àK In ore selecijon al fine 
(8 caricare tutte le foto, eventualniente a groppi a seconda 
dele limitazioni imposte dal ncstro server Caricata le foto, dal 
menu a tendina Alwn selezioniamo la galleria di destinazione 
e (Axitiamo sul pulsante (àriod MUl^/Trtràto A qu 
punto possémo creare un articolo (patria) dedicate alla 
galleria fctograrica In /bffcalloptiarno per Aggiungi nuom 
e, dopo aver scritto eventualmente del testo di presentazione, 
dlcchiama sulla piccola kxrna recante una ste8a neti'editor 
(ti articoli: apparirà te pepup nella quale riprrrteremo in Tj/pe 
of Galtery (fispiay la modalità (f visualizzazione della galleria 
(ad esempio uno slideshcNV deBe loto) e quale afimm utiizzare 


nel menu a tendina The/Ubumtobeused Poiché i tema 
è adattetivo specifichiamo Auto In IhesiiaoflheiSsplay, 
scegliamo l’aBneamento orizzontale che d piace di più e 
cicchiamo sul pulsante tosart fialary affinché venga inserito 
automaticamente lutto II codice necessario. 




DGETECALEHDARtD 


liMslto^ 

un banner pubbUdtefio e uno slldestow. Con» facciamo ad ottenaa 
questa organlzzaztone? Portiamo n cursore su A npefto q uindi seagtono 
tMblpto La coionna centrato elenca quelli diapenISDia pobanno 
arrtcdiltal In numero ib iitando altri oluo-ln a secondi (8 dò eha 
d occona. Le colonne dreww ra os l ia i » l' s tba tln iWiatinn a, Se 
volassimo, ad asamplo, rInHiovera 8 calendario daffa shfebar basta 
pnodan 8 wridget datoMbrioe ifiedario fltoa colonna dal vvidgal 
ftiapenliiliitatto talli Se al posbrdat Andarlo vo teslmoa veig un 
antobarmar alora ddte coionna de( «riteetd«gnta|gpvtemo IW^25i 
trasdnlatnato4)s8a4filiiiaa SktobareaSB^arholo dove ttof^temo che 



béìb 



MEniAMO IL “MI PIACE”! ^ 


Tramite II plug-in Facebook Uke Butoon possiamo far apparire II 
numero di “MI place’ nonché II 8nk alla pagina Facebook del blog 
(se ne abbiamo o se ne vogliamo creare una). Dalla bana laterale 
optiamo per SHS nbgiiB e dal menu contestuale facebook Sufton, 
quindi srrégllamo la posizione dei pulsanti. Una breve spiegazione 
merita la voce Viuf Facebook K). L'IO è una sequenza numerica 
che d ktentiflca unlvocamenta Per conoscere qual è I nostro ID 
facciamo login In Facebook, cucchiamo sul nostro profilo al fine dì 
avere nella barra degl Indirizzi del browser un qualcosa del tipo 
ltìli)s//miw.iacaboak.com/oame.cognonìe o di molto simile. A 
questo punto cancelliamo dall'Indirizzo le tre lettere H>wHr(e solo 
wwwl) e al suo posto scriviamo graph, quindi premtemo Invia Se 
non abbiamo commesso ennort dovrebbe apparird del testo dove 
alla prima riga troviamo 8 nostro codice nuinerica 
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Siti Web in pratica 


I Wordpress | Pubblica il tuo sito on-line | 


La guida per pubblicare il sito 
creato con il nostro Web Generator. 
Lo spazio te lo diamo noi! 


Cosaci f- 
occorre 


SERVIZIO DI HOSTING 

SILVER UNUX 

Quanto costa Gratuito 
per un anno al solo 
costo dei dominio 
(8,90 euro -f IVA) 

Silo 

wwiN.wlnmaga 2 tna 

It/linK/ZSSI 

La promozione è valida 
lino ai 30 settembre 
2014 e Include: 

• WotdPress 
pronto all'uso 

• 10 GB di spazio Web 

■ 20 GB di trafflco/mese 

• 10 caselle e-mail 

glePao 
prein: 

OtS WORDPRESS 

WEB 

GENERATOR 


SOFTWARE (»MPLET0 


Lo trovi su: •'DVD 
Sito 

www.wkimagazina 

lt/link/2S90 


N 

HOi .. " * 

’ nostri 


elle pagine precedenti abbiamo visto 
come creare automaticamente le pa¬ 
gine e la struttura di un blog grazie al 
nostro esclusivo Web Generator. Con pochi 
sforzi e pochi clic, utilizzando un minimale 
Web server, abbiamo potuto effettuare le 
nostre prove In locale al fine di creare al¬ 
meno la struttura di base del nostro futuro 
blog. Terminato questo primo passo, dob¬ 
biamo adesso scontrarci inevitabilmente 
con il trasferimento su uno spazio remoto 
di quanto realizzato (a meno di voler ini¬ 
ziare da zero dopo l'acquisto di un nome di 
dominio e associato spazio Web). Si tratta di 
un passaggio tecnico, in cui dovremo effet¬ 
tuare innanzitutto il backup del database 
con tutti i contenuti del nostro blog, trasferire 
p>oi i file sullo spazio Web e procedere con un 
minimo di configurazione per rendere il sito 
accessibile via Internet. Operazioni obbliga¬ 
torie che, grazie alla guida pratica di queste 
pagine, riusciremo a compiere senza intoppi, 
superando brillantemente tutti i problemi più 
comuni che si possono riscontrare durante la 
pubblicazione on-line di un sito Web. 


GRATIS PER TE 

10 GIGA 

di SPAZIO WEB 

per pubblicare il tuo sito 

COME USUFRUIRE DELL'OFFERTA 


✓ Collegati a www.winiiiagazine.lt/IInk/ZSSI 

✓ Seleziona Nuovo dominio e diaa su ORDINA 

✓ Usa M coupon samtoSlOOl PS 

✓ Scegli la tipologia di pagamento 
e completa l'ordine 

l’offerta è valida fino al 30 settembre 2014 










I Pubblica il tuo sito on-line | Wordpress | 


Siti Web in pratica 


□Copiamo on-line ii nostro biog 

Prima di trasferire sul server remoto la struttura e i contenuti del sito conviene feme una copia di backup. Al tennine 
possiamo procedere con l’upload via FTP di file e cartelle. Ecco come procedere. 




^ hìstaliaino H phio-ln giusto 

■| Avviamo la macchina virtuale e colleghia- 
—* moci al blog con il browser della macchina 
Host. Installiamo quindi il plug-in WordPress Database 
Backup (presente sul Win DVD-Rom). Dalla bacheca 
di WordPress selezioniamo Plugin, spuntiamo Wor- 
dPress Database Backup e clicchlamo Attiva. 



X Si fa tutto da riga di comando 

^ Dal Desktop di Web generator cucchiamo sul 
delfino e selezioniamo Emulatore di termi¬ 
nale. Digitiamo su seguito da Invkr. alla richiesta di 
password scriviamo osertoor (durante la digitazione 
non appare nulla), premiamo Invioe diamo II comando 
chovim -R wortìpress-apache/var/Wm/trldocs/blog. 



▲ Colleghiamoci al server 

y In Host, Login e Password inseriamo le ae- 
denziali forniteci via e-mail da Hosting Solu¬ 
tions e diamo OK. RreFTP ci chiederà quale account 
FTP usare; scegliamo quello appena creato e cucchia¬ 
mo Connect Nel pannello di destra vedremo la cartella 
radice dello spazio Web in cui copiare il blog. 



^ Iniziamo con le tabelle 

2 cucchiamo Strumenti e poi Backup. Nella 
.-.V nuova finestra selezioniamo in Tabelle tutte 
quelle presenti; le predefinite di WordPress lo sono 
già. Le altre dobbiamo scegliede noi; in Le seguentì 
tabelle possono essere selezionate selezioniamole 
tutte tenendo premuto il tasto Shift{M^ustìi. 



^ Serve un dient FTP 

Chiudiamo il terminale e avviamo Firefox Cico¬ 
ria con II mappamondo azzurro nel pannello 
in basso). Dal menu Tbofe cucchiamo Add-onse nella 
nuova finestra, nella casella di ricerca, scriviamo flref- 
tp seguito da Invio. Il plug-ln dovrebbe apparire come 
prima voce. Cucchiamo di fianco su Instali. 



^ j II backuD è pronto! 

3 I In Opzioni di backup attiviamo Scaricalo 
—J sul computer e cucchiamo Inizia il Backup. 
Attendiamo il termine del backup attenendoci scru¬ 
polosamente alle operazioni da non fare riportate nel 
riquadro Progresso. Il backup verrà scaricato sul PC; 
scegliamo di archiviarlo sulla macchina Host. 



^ Un account su misura 

Q Clicchlamo Restart now per riavviare Rrefox. 

Da Foofedicchiamo Web developer/FIreFTP. 
nella schermata che appare, a sinistra vediamo il PC 
locale, a destra II server remoto. Clicchiamo Create an 
account e In Accoonf tome diamo un nome identifi¬ 
cativo alla annessione FTP che stiamo configurando. 



^ Ttasfcrimentofile in coran 

Per completare II trasferimento del blog, dob¬ 
biamo sporcarci le mani. Se non è presente 
nulla di preinstallato possiamo passare alla copia di 
file e cartelle. Viceversa, con RreFTP selezioniamo file 
e cartelle e procediamo alla loro cancellazione; dobbia¬ 
mo lasciare soltanto le cartelle cgl-bin e logs. 


^ Siamo finalmente on-line 

g . Terminata questa prima operazione, dal pan- 
—^ nello di sinistra di RreFTP spostiamoci in /var/ 
wvm/htdocsRìlog e con un semplice copia e incol¬ 
la, 0 usando le frecce verdi al centro deirinterfacda, 
copiamo file e cartelle presenti all'Interno della direc¬ 
tory blog nella cartella radice dello spazio Web. > 


Speciali Win Magazine 17 



















































































Siti Web in ptatia 


I Wordpress | Pubblica il tuo sito on-line | 


n®I]] Creiamo il database 



A (osa d serve questo 
passaggio? Senza voier 
fare una discussione 
sui permessi di file e 
directory in ambienti 
Unlx-like(GNU/Unux 
neiio specifico), occorre 
sapere che i file del blog 
in locale sono di appar¬ 
tenenza dell'utente 
apache e del gruppo 
apache. Quando utiliz¬ 
ziamo un programma 
da utente normale 
viene utilizzato l'utente 
wordpress (l'utente con 
il quale effettuiamo 
lllogin)e,amenodl 
far parte del gruppo 
apache, non d verrà 
permesso di fare la co¬ 
pia del contenuto delle 
directory del nostro 
Uog: In sostanza se con 
un qualsiasi programma 
tentassimo una copia 
in remoto d verrebbe 
negato I permesso! Il 
comando sopra ripor¬ 
tato semplicemente 
assegna all'utente 
wordpress file e cartelle 
in maniera ricorsiva, 
comprendendo pertan¬ 
to sottocartelle e file in 
esse contenuti. 


RIMETTIAMO 

TUnOAPOSTO 

Al termine della copia, 
se abbiamo inten¬ 
zione di continuarea 
utilizzare la macchina 
per ulteriori prove, 
ripristiniamo i permessi 
altrimenti il blog in 
locale non funziona pKi. 
Il comando da impartire 
è dnwn -R ap<Kht.apa- 
(ht/varMww/htdoa/ 
bhg. 


Spo^amoci ora sulla macchina Host e colleghiamoci al pannello dì controllo del servizio di 
hosting per creare un nuovo database e importare, sul server remoto, quello salvato in locale. 




^ Accesso al server 

*1 L'Indirizzo al pannello di controllo e le credenziali da Inserire, 
—> ovvero usemame e password, d verranno fomite, unitamente 
al dati per l'accesso via FTP, attraverso un’e-mall cfie naturalmente 
non dovremo perdere! Digitiamo i dati di accesso e cucchiamo Acce¬ 
di. Nella nuova schermata cucchiamo 1^/nel pannello Elenco servizi 
e dalla sezione DiataPase cucchiamo MySOL 
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^ Trasferimento in corso 

2 Se sul server remoto è già presente un database predefini- 
—> to, dobbiamo eliminarlo cuccando sulla X rossa associata In 
corrispondenza della colonna Bimina. Quindi, per importare il nostro 
database, spostiamoci nella sezione Elenco database MySQL per 
<nome_dominio>, clicchiano Aggiungie scegliamo la voce MySQL 
5.5 in Version of MySQL server, confermando con Continue. 
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^ Un nome per il database 

^ \n Add MySQL database for <nome_dominlo> àiam un 
nome al database digitandolo all'Interno del campo Name. 
Possibilmente usiamo lo stesso che abbiamo già adoperato nel nostro 
blog In locale. Come utente del database usiamo quello di default 
fornitoci da) servizio di hosting selezionando Existusers. Cucchiamo 
Applica per creare e aggiungere il nuovo database. 



^ Otteniamo Taccesso al server 

Dal pannello ServerMate di Hosting Solutions (sezione 
MySQUDatabaséi clicchiamo phpMyAdmin in corrispon¬ 
denza della colonna Accesso phpMyAdmIn. Si aprirà una nuova 
scheda nel browser In cui dovremo fare un nuovo login per accede¬ 
re al sistema di gestione del database, phpMyAdmin. Inseriamo le 
credenziali di accesso al database (Passo B1) e cucchiamo Esegui 



^ Avviamo rimnortazione 

Q Dal pannello di sinistra selezioniamo II database creato pre¬ 
cedentemente e nella nuova finestra clicchiamo Importa per 
aprire il pannello Importazione nel database <nome_database>. 
Nella sezione File da importare cucchiamo su) pulsante Sfoglia e 
selezioniamo II file di backup del database del nostro blog (Passo 
A3). Clicchiamo in basso sul pulsante ^egui 


^ ii database è attivo! 

R Se non si sono verificati errori durante la fase di Importazione, 
apparirà una fascia verde. Se la fascia è di colore rosso vuol 
dire che si è verificato qualche errore; possiamo provare a risoiverio 
ripetendo di nuovo la procedura di importazione. Al termine, Il data¬ 
base è stato popolato con le tabelle create dalla nostra installazione 
in locale di WordPress. 
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Pubblica il tuo sito on-line | Wordpress | 


Siti Web ÌD pratica 


METTIAMO MANC AI FILE DI CCNFIGURAZÌC::^ LV WORDPRESS 


Chiudiamo, solo momentanea¬ 
mente, llnterfeccia di phpMyAd- 
min utilizzando il tasto Dìscon- 
netti presente in alto nel pannello 
a sinistra. Dalla macchina Guest, 
utilizzando FireFTP colleghiamoci 
al server remoto, che visualizze¬ 
remo nel pannello di destra del 
Client FTP. Nel pannello di sinistra 
(computer locale) andiamo in un 
percorso dove salvare un file (ad 
esempio Documenti e cucchiamo 
due volte sul file wp-config-php 
nella cartella radice del blog re¬ 
moto: il file verrà copiato in locale. 
Avremo cosi creato una copia che 
potremo modificare per adattare 
il file ai nuovi parametri di accesso 
e garantirci cosi l'accesso al nostro 
sito pubblicato sullo spazio Web. 
In particolare, dovremo andare a 
modificare le righe: 

deflne('DB_NAME', '<nome_da- 
tabase>'); 

define{'DB_USER', '<utente_da- 
tabase>'); 


define('DB_PASSWORD', '<pas- 
sword_database>'); 
defìnel‘DB_HOSr, ‘<host data- 
base>'); 

Prima, seconda e terza riga defini¬ 
scono, rispettivamente, le creden¬ 
ziali di accesso al database: il nome 
sul server remotoi il nome utente per 
l'accesso al database remoto e rela¬ 


tiva password. La quarta riga indica 
invece l'hostname del database (My¬ 
SQL nel nostro caso): se il database è 
presente sulla stessa macchina dove 
abbiamo il dominio va semplice¬ 
mente lasciato localhoit, altrimenti 
va riportato l'indirizzo IP della mac¬ 
china che ospita il database. Prima 
di fare l'upload di questo file, dalla 
bacheca di WordPress in Imposta- 


zionì/Generali troviamo le rig he fn- 
dirizzo WordPress (URL) e Indirizzo 
sito (URL) le quali sono impostate 
alUndirizzo della macchina locale 
virtuale ihttp://192.168J6.10/blog 
nel nostro caso). Se non cambiamo 
questi valori non possiamo accedere 
al rtostro blog e, al tempo stesso, non 
potendo accedere alla bacheca del 
blog non possiamo cambiare questi 
valori. Per risolvere, riapriamo il file 
wp-config.php e aggiungiamo le 
righe: 

defint(‘WP_SITEURD 'nomejdo- 
mlnìo’); 

define('WP_HOME', 'nome_do- 
mlnlo'); 

dove al posto di nome_domìnio 
inseriremo {Indirizzo Internet del 
rtostro blog. Ora po ssiamo uplodare 
il file sul server sovrascrivendo la 
vecchia versione (ancora meglio se 
questa la rinominiamo come wp- 
config-OlJD.php, In modo da averne 
comunque una copia d'emergenza). 



J Affiniamo la configurazione 

utilizzando nuovamente il pannello di controllo di phpMyAdmin, possiamo procedere con ie uitime modifiche ai file 
di configurazione del blog. Ancora pochi die e saremo fìnaimente on-iine! 



^ Faccfatno un do* di pulizia 

1! Accediamo alla bacheca del blog (l'Indirizzo 
— è nome_domlnio/wp-admirli e cancelliamo 
gli articoli che non vogliamo pubblicare. Accediamo 
nuovamente a phpMyAdmin e dal pannello di sinistra 
selezioniamo il nome del database: cucchiamo Cerca 
e inseriamo la stringa 192.168.56.10 \n Parda/e o 
Lator»?da cercane (carattere jolly; “%').tn Trovasi 
zioniamo almeno una delle parole, in Nella/e tabella/e 
cucchiamo Seleziona tutto e confermiamo con Esegui. 



Mostriamo tutti i contenuti 

2 Verranno elencate tutte le corrispondenze tro- 
—/ vate nella tabelle del database. Qiccando sul 
pulsante Mostra In corrispondenza della tabella wp_ 
optrons verrà visualizzata la sua struttura, nella qua¬ 
le compaiono le corrispondenze, che in questo caso 
ritroviamo in option_value. In optìon_name{r^Vù- 
vamente con optionjd 1 e 36) troviamo le variabili 
sìteurle homo il cui valore abbiamo forzato inserendo 
le due righe define nel file wp-config.php. 



^ Inseriamo iparanwM giusti 

Q aicchlamo su SQL e digitiamo update wp_ 
optionssetoption_value=REflACE(optk)n_ 
value, ‘httpJ/192.168.56.10/blog", “htìp-J/mm. 
winmagazinetest.com"), dove al posto del sito di 
test va riportato l’Indirizzo Web del proprio blog. Inse¬ 
rita la riga cucchiamo Esegui. Ripetiamo la stes¬ 
sa operazione per le altre occorrenze della stringa 
httpJ/192.168.56.10/ttog sostituendola con il nome 
corretto del dominio su cui pubbficheremo il nostro sito. ■ 
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Voglia di vacali 

vai su TrovaViaggi.it! 


Il TrovaVìaggi di Turistipercaso.it 
è sempre più ricco e ti offre 
la possibilità di organizzare i 
tuoi viaggi scegliendo tra le 
migliori Offerte Speciali e Last 
Minute proposte da Agenzie, 
Tour Operator, Hotel, B&6 e 
Agriturismi. 





Sei un operatore turìstico 
e vuoi promuovere la tua 
struttura sul TrovaViaggi? 


Fai conoscere la tua attività a 
più di 10 milioni di viaggiatori! 
Collegati a wvvw.trovaviaggi.it 

Clicca sul box "Scopri il TrovaViaggi" 
Segui le istruzioni e... in pochi click 
la tua struttura sarà online! 





Migliaia di offerte di qualità a prezzi imbattibili ti aspettano! 

Scoprile su www.trovaviaggi.it 


Siti Web in pratica 


I Wordpress | Bitnami Wordpress | 


Un’alternativa 
chiavi in mano 


Il blog è uno del migliori strumenti per farsi conoscere su Internet. 
Noi di Win Magazine ti diciamo come fare pratica ed essere subito 
operativi con la piattaforma Wordpress 


R ispetto ad un passato, nemmeno 
tanto remoto, oggi la comunica¬ 
zione è decisamente più sempli¬ 
ce poiché favorita da molti strumenti. 
Oltre le usuali TV e Radio oramai si 
è aggiunto, con l'intento di diventare 
sempre più pervasivo, anche il Web 
con tutte le possibili “sfumature* che 
offire in termini di strumenti Una delle 
possibili scelte è l’adozione di un blog 
personale che possa divulgare il no¬ 
stro pensiero e/o le notizie di nostro 
interesse. A farla da padrone in questo 
ambito è l'oramai consolidata appli¬ 
cazione che vede Wordpress (http:// 
itwordpress.org/) tra i primi posti. Nato 
nel 2003 come successore del progetto 
b2/cafelog (http://cafelog.com/ dove 
si potrà leggere la storia e l’inizio della 
nascita di Wordpress) con il tempo si è 
affermato e rapidamente diffuso per 
la sua semplicità intrinseca di metter 
su un sito con pochi click nonché la 
possibilità, in maniera molto intuiti¬ 
va, di configurarlo, personalizzarlo 
ed estenderne la funzionalità con una 
vastissima scelta di plugin. Nelle pagine 
preceenti abbiamo visto come utiliz¬ 
zare Wordpress in locale utilizzando 


un server Web installato su macchina 
virtuale. Riprendiamo il discorso cer¬ 
cando di approfondire diversi punti e 
fornire anche una modalità alternati¬ 
va per effettuare le prove, questa volta 
senza l’uso di una macchina virtuale 
semplificando non poco il discorso. 
Al solito qualunque problema possiate 
riscontrare e/o delucidazioni in merito, 
potrete sempre inoltrare le vostre ri¬ 
chieste al forum di Windows Magazine 
(http;//www.winmagazine.it/forum/). 

La soluzione Bitnami 

L’idea alla base dei Bitnami Stack è 
di semplificare l’implementazione di 
una soluzione Web senza per questo 
dover conoscere un linguaggio di 
programmazione. Bitnami Stack co¬ 
pre svariate applicazioni tra le quali 
troviamo Wordpress. Come vedre¬ 
mo, sia l’installazione che l’utilizzo 
sono estremamente semplici: dopo 
aver scaricato il file bitnami-wor- 
dpress-3.9.1-0-windows-installer. 
exe (circa 77MB) dal nostro Win- 
DVD cucchiamoci due volte sopra 
per lanciarlo: se dovesse apparire 11 
pop-up Controllo account utente con 


la domanda Consentire al programma 
seguente di apportare modifiche al 
computer? rispondiamo Si. Seguirà 
una piccola finestra di pop-up Lan- 
guage Selection nella quale dovremo 
optare per la lingua utilizzata nel 
processo di installazione: l’italiano 
al momento non è disponibile quindi 
selezioneremo quelle presenti tra 
Inglese, Francese o Spagnolo - ma 
ve ne sono altre - a seconda delle 
proprie preferenze e conoscenze 
linguistiche. 

A questo punto inizia il vero processo 
di installazione che illustriamo nel 
tutorial in basso. L’ultima schermata 
nella dinamica di installazione ve¬ 
drà l’opzione di lancio del program¬ 
ma Bitnami WordPress Stack {Figura 
In basso): lasciamo selezionata que¬ 
sta opzione e cucchiamo su Finish (di 
nuovo se dovesse dovesse apparire 
la pop-up Controllo account utente 
diamo il consenso al programma). Il 
Bitnami WordPress Stack consente 
di controllare lo start e/o lo stop del 
database MySQL e del Web server 
Apache integrati in Bitnami: questo 
da un lato ci permette il riavvio in ca¬ 
so di modifiche alla configurazione 
e dall'altro lato di non avere servizi 
sempre attivati soprattutto quando 
non ci occorrono, permettendo co¬ 
si di risparmiare risorse (memoria 
RAM e cicli di CPU in primis). Nel 
tab Application log potremo leggere 
1 messaggi che ci vengono restituiti 
all’atto del lancio e/o al cambio del¬ 
la configurazione. Ricordiamo che 
il Web server Apache è impostato 
per utilizzare la porta 80 mentre il 
database MySQL la 3306. 



■ l'led' sono verdi, dobbiamo solo collegarci con un browserl 


Cosaci 

occorre 




CMSWOnOfRESS 

BrTNAMI 
WORDPRESS 
3.9.1-0 

In trovi su: *^IM) 


S 1 Internet 

https-7/bitnamUonV 

stack/wonipress 
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13 Installiamo Bitnami Wotpdress 

Grazie a questa piattaforma abbiamo la possibilità di far “girare” Wordpress sul nostro PC. Ecco come fare. 


Setup 


1 -O. f! B- 

Create Admin account 

Bitrwn Wor^ess Stadc acknn user aeoban 


fnr reai nane 

Michele 


Emal Adc^eds 

rrea_maiOmodominio.it 


Logrt 

wordpress 



Setup 

' -o-ll Q-Itìii 


Select Componenti 


Sdect thè componenti you want to rstal; dear thè canvanerìs you do not want to tvtal. Ckd 

Next when you are ready to corrtnje. 



VVordPreg 

PhpMyAdmrt 

Ode on a corqponent to get a detaded desaip&on 


-i. Pronti? Via! 

•| Alla prima schermala della finestra Setup dovremo solo cllccare su 
Next. Nella successiva, In figura, selezioneremo I componenti che 
vogliamo installare: di default vengono selezionate entrambe le scelte. Wor¬ 
dpress non si può deselezionare, ma phpMyAdmIn, gestione database, si. 
Suggeriamo comunque di Installarlo. Click su Next. 



^ Le credenziali 

2 Arriviamo quindi alla schermata Installatlon folder: Il percorso di Instal- 
lazione predefinito è C:\Bitnami\wordpress-3.9.1-0. ma possiamo 
cambiarlo In base alle singole preferenze. Click su Next per arrivare su Cre¬ 
ate Adminac(X)unt(m figura) ovvero le credenziali con le quali effettueremo, 
in seguito, il login su Wordpress. 



Il nome del bloa 

3 Inserite le credenziali cucchiamo su Next. verrà richiesto il nome del 
. —' blog. Al momento riportiamone uno a noi più congeniale (potremo sem¬ 
pre cambiarlo in seguito) e di nuovo click su Next. Il passo successivo. Con¬ 
figure SMTP Settings, possiamo trascurarlo cuccando direttamente su Next. 


^ UlmMtazione non ètemno perso! 

^ Durante la fase di Installazione, che richiede qualche minuto, l’installer 
Bitnami ci offre la possibilità di saperne di più sul nuovo servizio Bitna¬ 
mi Cloud Hosting: se slamo interessati spuntiamo la casella Leam more atx)ut 
Bitnami Cbud Hosting altrimenti leviamogli II segno di spunta e click su Next. 


:^.B DKatt 


bitnami 


WordPress 


Customize and enhance your Bitnami WordPress 
instaUation wilh Ihemes and plug-ins from our 
partnersi 


LEARN MORE 






• m • 

DdMMMN 


A. Tutto in automatico 

g A questo punto l’installer è pronto per la decompressione dei dati e il 
trasferimento dei file nel percorso di installazione scelto in precedenza. 
Se dovessimo avere qualche ripensamento possiamo ritornare indietro cuc¬ 
cando su Back, altrimenti click su Wejrf per avviare il processo di installazio¬ 
ne. configurazione e avvio automatico del server Web e del database MySQL. 


A. Un avvertimento 

0 Se durante l’avvio del Web server Apache dovesse apparire la fine- 
—- stra Avviso di sicurezza Windows con la scritta Windows Firewall ha 
bloccato alcune funzionalità del programma (come in figura), permettiamone 
l'accesso cliccando su Cdnsentf accesso al fine di terminare il processo di 
configurazione. 
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Lancio deirapplicazione 

A questo punto, una volta che ci siamo assi¬ 
curati che nella utility Bitnami Wordpress 
Stack, nel tab Menage Servers colonna Status, 
sia presente la dicitura Runnìng (quindi che 
i due "led” sulla sinistra siano verdi) per 
MySQL e Apache Web Server, possiamo 
chiuderlo rispondendo Si/Yes ad una even¬ 


tuale pop-up di conferma. Nessuna paura, 
possiamo sempre riavviare questa utility 
per fermare i servizi e/o farli ripartire in 
casi di cambi nella configurazione, cuc¬ 
cando, nel percorso di installazione, sul 
file manager-windows.exe. Ora possiamo 
aprire un browser e puntarlo all’incUrizzo 
http://127.0.0.1 (Figura 2). 



■ La schermata 
di benvenuto: ura 
dimostrazione che 
tutto funzionai 


mConfiguriamo il blog! 

Le impostazioni che all’apparenza potrebbero apparire scontate, in realtà nascondono delle particolarità. Ecco quali. 



V Prima ritaliano! 

“I . A questo punto colleghiamoci all'Indirizzo 
—* http://127.0.0.1/wordpress per vedere il 
sito e in http://127.0.0.1/wordpressÀvp-logln per 
effettuare l'accesso alla sezione amministrativa 
inserendo le aedenziali - step 2 macropasso 
A - quando richieste. Lato sito e lato ammini¬ 
stratore di Wordpress in Bitnami sono in Inglese. 
Occorre rimediare! 



V Rifinitiire 

^ Nella bacheca spostiamoci su Imposta- 
z/d/J/quindi su Generali. Questo pannello 
permette di specificare aspetti globali come, ad 
esempio, Il titolo e II motto. Più in basso troviamo 
la casella Iscrizione che se spuntata permette¬ 
rà a tutti di registrarsi al blog con il ruolo di sot¬ 
toscrittore. in basso scegliamo II formato della 
data e dell'era, al limite personalizzandola in base 
all’esempio indicato. 



^ Modifichiamo il file 

Q Puntiamo all'indirizzo http://www.wpi- 
taly.it/wordpress-in-italiano/, click sul link 
WordPress <versione> file di lingua, verrà sca¬ 
ricato il file lt_IT_<versione>.zip (circa 400KB) 
che decomprimeremo in <percorsoJnstallazio- 
ne_Bìtnami>/apps/mrdpress/htdocs/wp-con- 
tent/languages. A questo punto in <percorso_ 
installazione_Bitnami>/apps/wordpress/htdo- 
cs apriamo con il Blocco note il file wp-con- 
flg.php, troviamo la riga define(‘WPLANG', ‘ ') 
e riscriviamola come definefWPLANG', ‘itJT). 



^ Tutto da remoto 

g Passando alla sezione Scrittura ci imbat- 
tiamo In una delle prerogative di Wor¬ 
dpress; pubblicare un articolo via e-mail! Una 
mail presente all'Indirizzo indicato nella sezio¬ 
ne Articoli via e-mail tari si che Wordpress la 
stampi sul front-end come un articolo nella sezio¬ 
ne riportata nel menu a tendina con la dicitura 
Categoria standard per e-mail. In questo modo 
in qualunque parte del mondo dovessimo trovar¬ 
ci possiamo tenere il blog sempre aggiornato! 



^ Gli utenti 

0 Salviamo II file appena modificato, chlu- 
—^ diamo l'editor e eseguiamo nuovamente 11 
login: dovremo trovarci con le voci di back-ende 
front-end in Italiano. Nella bacheca di Worpdress 
andiamo su Utentf. troveremo l'elenco, in questo 
caso solo ramministratore. Volendo aggiungerne 
altri è sufficiente cliccare su Aggiungi nuovo in 
atto e riempire i campi. 



^ Come tu lo vuoi! 

Rimanendo in Impostazioni spostiamxi 
su Lettura, da questa sezione possiamo 
Impostare l'aspetto della pagina principale owe- 
ro come sarà visto dagli utenti che lo visiteranno. 
Decideremo, quindi, cosa mostrare nella pagina 
iniziale e, nei caso si opti per gli articoli In luogo 
di una pagina statica, quanti articoli visualizzare. 
Analogo discorso per i feed: quanti mostrarne e 
come dovranno essere costruiti nel blog (tutto II 
testo oppure solo il sunto). 
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I moli in Wordpress 

All’atto della creazione di un nuovo utente una 
criptica voce potrebbe essere data dal menu 
a tendina Ruolo (ad esempio passo 3 del Ma¬ 
cropasso B). Come possiamo vedere ad ogni 
utente possono essere assegnati diversi ruoli; 
Sottoscrittore, Collaboratore, Autore, Editore 
e Amministratore. Wordpress è basato su un 
sistema Ruoli-Capacità. Altrimenti detto, in base 
all'appartenenza ad un dato ruolo le capacità 
di compiere un certo numero e tipo di azioni 
risultano essere più o meno limitate. Ad esempio 
il ruolo di Amministratore ha tutte le capacità, 
ovvero potrà supervisionare non solo tutto ciò 
che è inerente la scrittura, la gestione e la pub¬ 


blicazione degli articoli, ma ptotrà sovrintendere 
anche tutte le operazioni amministrative del 
blog (installazione temi, installazione plugin 
etc). Un gradino più in basso abbiamo l'utente 
Editore il quale presenta capacità minori rispetto 
airamministratore; di preciso l’utente Editore 
potrà scrivere, gestire e pubblicare articoli/ 
commenti propri e di altri utenti, manonglisono 
permesse le funzioni amministrative merenti 
il blog come cambiare un tema, installare un 
plugin etc. Scendendo di un altro gradino abbia¬ 
mo l’utente Autore ovvero un “Editore ridotto” 
poiché avrà le stesse capacità dell’Editore ma 
solo ed esclusivamente per i propri artìcoli! 
A seguire abbiamo l’utente Collaboratore la 


cui capacità è limitata solo alla scrittura e alla 
gestione dei propri articoli ma con l’esclusione 
della pubblicazione per la quale dovrà anendere 
il visto deH’Editore o dell’Amministratore. Infine 
l’ultimo ruolo è dato dall’utente Sottoscrittore 
ovvero il ruolo dei tipici lettori del blog a cui è 
permesso inserire commenti (eventualmente 
da convalidate ad opterà delle figure dell’Editore 
e dell’Amministratore), ricevere newsletter e 
leggere gli articoli. Questa serie di distinzioni è 
importante al fine di comprendere i limiti degli 
utenti ai quali diamo ben specifici ruoli (compi¬ 
ti), quindi di riflesso capacità di azione sul blog 
front-end (lato sito) e/o back-end (Dashboard/ 
bacheca] che sìa. 


id Ritocchi di base ai sito 


L’impostazione dei commenti è fondamentale per un blog, vediamo cosa ci mette a disposizione Wordpress 




^ Controllare i commenti 

■| Spostandoci nella sezione Discussione 
—J potremo Impostare diversi dettagli Inerenti 
I commenti nel post. Le voci sono tutte esplica¬ 
tive e per la prima sezione, Impostazioni pre¬ 
definite per gli articoli, poiché, come riportato 
nella didascalia, possono essere modificate per i 
singoli articoli, possiamo lasciar selezionata solo 
la voce Consenti la scrittura di commenti per i 
nuovi articoli. 


^ Occhio alle immagini 

9 La sezione Media, associata al tab Impo- 
stazioni, ci consente di personalizzare 
la grandezza delle foto delle miniature Inserite 
attraverso II tab Media (In alto a sinistra) e che 
andranno a finire negli articoli. È possibile speci¬ 
ficare, in pixel, le tre classi previste: dimensioni 
miniatura, media e grande. È possibile far sud¬ 
dividere gli upload in cartelle in base al mese e 
all'anno del caricamento. 



^ Ottimizzazione (tei link 

9 Contrazione di permanent link, il perma- 
- link è l’indirizzo fisso che contraddistin¬ 
gue ogni singolo articolo. Attraverso la sezione 
omonima è possibile impostare una tantum (per 
poi non cambiario più) il comportamento di Wor¬ 
dpress. La soluzione migliore è probabilmente 
quella riportata In Struttura personalizzata che 
fa apparire l'articolo con l'indirizzo http://mioblog. 
com/2014/06/24Aitolo-articolo o aggiungere 
anche la categoria specificando la riga /%year 
%/%monthnum%/%day%/%category%/%po 
stname%/. 


Pingback e Trackback 

Nel controllare i commenti attraverso l’apposita 
sezione nel back-end oppure in ogni singolo 
articolo, potremo imbatterci sicuramente nei 
termini trackback e/o pingback. Cosa sono 
esattamente? Il trackback è la notifica di una 
citazione. Ad esempio, ipotizziamo che il blog- 
ger A scriva un articolo sul proprio blog e che 
riscuota un successo tale che il blogger B lo 
implementi (lo citi) nel proprio blog. In questo 
caso il motore del blogger B invia una notifica 


al blogger A e, a seconda delle impostazioni, 
può passare in coda di moderazione in attesa di 
approvazione oppure essere immediatamente 
pubblicato nei commenti con un estratto del 
testo e un link al blogger B che ha citato il blogger 
A. Naturalmente la stessa cosa vale jjer il blogger 
A. In sostanza il trackback ci avvisa se qualcuno 
ci ha citato e notifica terzi se siamo noi a citarli. 
Anche il pingback avvisa l’autore che viene citato 
ma senza alcun testo, solo il link. Ad esempio 
il blogger A scrive un suo articolo, il blogger B 


cita l’articolo del blogger A e contemporanea¬ 
mente il motore del blog B invia un pingback 
al motore del blog A il quale, a questo punto, 
automaticamente va al post del blogger B per 
confermare (verifica mittente) quanto linkato 
dal blogger B. C’è una sottile differenza tra i 
due: il pingbackè una evoluzione del trackback 
poiché permette di ridurre eventuale spam 
insito nel trackback da blogger poco seri il cui 
intento è dì aumentare la loro visibilità anche 
con argomenti non pertinenti. 
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Uste di moderazione e biacklist 

Nella sezione Discussione del tab Imposta¬ 
zioni {passo 1 del Macropasso C) viene illu¬ 
strata la prima parte della schermata relativa 
alle impostazione sulle discussioni. Comple¬ 
tiamo quella sezione analizzando la seconda 
parte della schermata e più nel dettaglio le 
due form presenti in basso, rispettivamente 
Moderazione commenti e Blacidist dei com¬ 
menti. Con la prima, WordPress invia in coda 
di moderazione tutti i commenti "sospetti" 
dì essere spam, individuando alcuni fattori 
che normalmente caratterizzano i messaggi- 


spazzatura, come ad esempio la presenza di 
più di un link. Possiamo anche specificare 
noi quali parole possono rendere un mes¬ 
saggio sospetto. WordPress ha un occhio di 
riguardo nella gestione dei commenti al fine 
di limitare, per qutmto possibile, la diffusione 
di spam e/o contenuti inappropriati. Infatti 
se la sezione Moderazione dei commenti 
accoda i commenti in attesa dell’intervento 
di un Editore/Amministratore, la sezione 
Biacklist dei commenti li contrassegnerà 
direttamente come spam e lì salverà nel tab 
Spam in Commenti presente nella bacheca 
di Wordpress. Natu¬ 
ralmente questo au¬ 
tomatismo ha un suo 
perché se la casella II 
commento deve es¬ 
sere approvato ma¬ 
nualmente, subito 
in alto in Prima che 
appaia un commento 
(Figura 3), risulta de¬ 
selezionata. A questo 
punto sovviene una 
domanda: qualora 
volessimo adottare 
questo automatismo 
di Wordpress (come 



■ La sezione Commenti: in aito le voci Spam, in 
Sospeso (Coda di Moderazione) e Approvato 


è in genere la prassi), c’è qualcuno che può 
fornirci una lista aggiornata delle parole e/o 
degli IP da inserire nelle due form? La rispo¬ 
sta potrebbe essere affermativa: utilizziamo 
il condizionale perché il controllo sullo spam 
si è spostato principalmente nell’uso del plu- 
gin Akismet come riportato nel macropasso 
D. Da osservare, però, che ci sono persone 
che continuano a mantenere una lista di 
parole, frasi, linketc comunemente usate da 
spammer e bot. Ad esempio per la biacklist 
possiamo fare riferimento a questo indiriz¬ 
zo https://github.com/splorp/wordpress- 
comment-blacklist al file blacklist.txt. Una 



■ Far deddare quala commento moderare e quale inviare in biacklist 


il Un plugin per tenere alla larga lo 

Scopriamo come utilizzare Akismet, uno dei più diffusi ed efficaci tool di sicurezza da installare in wordpress. 



^ I pluain 

■j cuccando, nella bacheca di WordPress, 
sul menu Plugin verrà aperta la scherma¬ 
ta associata ai plugin Installati i quali, di default, 
sono tutti disattivati. Il numero di plugin preinstal¬ 
lati dipende dalle scelte di chi crea il pacchetto e 
nello specifico per Bitnami ne troviamo dieci tra 
quelli di più probabile utilizzo. 



^ Contro lo spam 

L’attenzione di WordPress contro lo spam 
è sempre ai primi posti: anche il pacchetto 
di default viene rilasciato con un plugin in grado- 
di combattere ancora lo spam, stiamo padando di 
Akismet. L'attivazione di un plugin è semplicissi¬ 
ma: basta un die su Attivare sotto il nome. Atti¬ 
viamo quindi /\kismet. 



^ Le impostazioni 

cucchiamo su Attiva il tuo accountAkl- 
smete verremo rediretti nella sezione delle 
Impostazioni alla voce Akismet: nel pannello che 
ci appare, al fine di usufruire della capacità anti- 
spam, dovremo inserire la chiave API se già abbia¬ 
mo un account Akismet, altrimenti click sul pul¬ 
sante azzurro Ottieni la tua chiave API 
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■ La ichennata Dettagli di uno dei plug-in trovato con la la ricerca 


attenzione va volta al metodo utilizzato da 
WordPress per spostare il commento in coda 
di moderazione e/o in blacklist. Ad esempio 
una parola presente, tra le oltre 11.000, nel file 
blacklist.txt al momento di scrivere è ambien: 
in questi casi è sufficiente che un utente scri¬ 
va la parola ambiente per essere intercettato 
e vedere il suo commento finire in blacklist. 
In definitiva, come tutti i sistemi automatici, 
occorre un certo buon senso nell’uso e nelle 
restrizioni altrimenti si finisce per avere solo 
una marea di falsi negativi! 


Installare un plugin 

Nel temjK) WordPress ha automatizzato alcu¬ 
ne operazioni che, fino a non molto tempo fa. 



■ Da diverse versioni di Wordpress oramai I plug-in 
si installano in pochi clickl 


occorreva effettuare 
manualmente. Una 
di queste è l'instal¬ 
lazione dei plug-in. 

Un plug-in è un pro¬ 
gramma non autono- 
mo ma che unito ad 
un altro programma 
ne estende le fun¬ 
zioni. Conoscono 
molto bene i plug-in 
coloro i quali per la 
navigazione usano il 
browser Firefox (ma 
non solo, anche se 
in questo caso sono 
più noti con il nome 
di estensioni). Ebbene anche per Wordpress 
il concetto non muta: un plugin aggiunge 
una qualche funzione alla piattaforma di 
blogging. Assicuriamoci che il computer sia 
connesso a Internet quindi nella bacheca di 
WordPress andiamo in Plugin e in alto cuc¬ 
chiamo su Aggiungi nuovo. A questo punto 
se ricordiamo il nome o qualcosa che gli si 
avvicina possiamo scriverlo nel rigo Cerca 
quindi cliccare su Cerca plugin, altrimen¬ 
ti se siamo interessati ad una categoria in 
particolare cucchiamo suU’associato tag 


in basso: se ci lasciamo sopra il puntatore 
del mouse apparirà il numero di plug-in 
associati. A questo punto avremo una Usta 
di plug-in in seguito alla ricerca: sotto ogni 
nome abbiamo Dettagli e Installa adesso, 
quest’ultima ovvia. Interessante, invece, 
anche dal punto di vista grafico, la scelta di 
mostrare i dettagli del plug-in poiché attra¬ 
verso questa finestra possiamo farci un'idea 
delle sue caratteristiche e se quindi si avvici¬ 
na a ciò che effettivamente stiamo cercando 
per U nostro blog. 


spam dal nostro computer 


t*i^ 


ay goodbye to comment sparr 

Ak«uti - t4kt4 Ih» p4in out n( commvnt modeiJition 






OET AN AKISMET API KEY 





^ ^ La registrazione 

Verrà aperto un nuovo tab nel browser sul 
sito del plugin, nel quale procederemo alla 
registrazione gratuita per avere la chiave persona¬ 
le. cucchiamo su Gel an Akismet API key. Inse¬ 
riamo i dati richiesti quindi cucchiamo su Sign Up. 
Nella nuova schermata di nuovo click su Sign Up 
nella colonna Personal. 


^ Donazione libera 

5 Spostiamo lo slider Whatis Akismet worth 
— to you? al valore 0, Inseriamo nome e 
cognome e cucchiamo su Continue. Dopo qual¬ 
che secondo ci apparirà la chiave personale che 
manterremo segreta ma che riporteremo in Inse¬ 
risci manualmente una chiave API nel rigo visi¬ 
bile al terzo passo. 


^ Pranto a fare da ouantial 

0 cucchiamo su Usa questa chiave, arrlvere- 
- mo al pannello di controllo del plugin dove 
in Chiave API apparirà la chiave appena Inserita. 
In Commenti selezioneremo Mostra il numero di 
commenti approvati e in FVBc/s/one lasciare l’im¬ 
postazione Inserisci sempre lo spam nella cartel¬ 
la spam per controlli. 
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L’aspetto del blog 

I temi preinstallati in WordPress sono rigo¬ 
rosamente "responsivi"(o adattativi che dir 
si voglia), ovvero presentano una ottimale 
visualizzazione del blog da qualsiasi dispo¬ 
sitivo ci colleghiamo (PC desktop, notebook, 
smartphone o tablet) riducendo al mini¬ 
mo ridimensionamenti e/o scorrimenti. In 
più, sono anche belli a vedersi già da subito, 
senza alcun Intervento da parte dell'utente. 
Possono però essere ampiamente persona- 
lizzati, utilizzando temi e colori attinenti 
all’argomento che andremo a sviluppare. 


■ Prima fata di iiutallaziona di un nuovo tema 


organizzare al meglio la barra laterale per poi 
passare aU’inserimento dei contenuti. Infine, 
a seconda delle necessità, potremo di volta 
in volta utilizzare le funzioni aggiuntive oc¬ 
correnti, ovvero l’Installazione di plug-tn con 
funzioni di lightbox, galleria immagini, so¬ 
cial button, ecc. Ricordiamo che ogni plug-in, 
così come diversi temi che potremo scegliere, 
ha un proprio pannello di amministrazione 
quindi è praticamente impossibile elencarli 
tutti. Il concetto rimane comunque uguale: 
installiamo un plugin e/o un tema e, una volta 
attivato, potremo accedere al suo pannello di 
amministrazione più 
o meno complesso a 
seconda delle fun¬ 
zioni che mette a di¬ 
sposizione il plugin 
o dalla complessità 
del tema. 

Installiamo 
un tema 

L’installazione di 
nuovi temi segue la 
falsa riga dei plug-in: 
se i temi di default 
non ci soddisfano e 
vogliamo qualcosa 




■ Le opzioni di ricerca di certo non mancano! 


che si avvicini quanto più possibile a ciò che 
abbiamo in mente, non ci resta che "sfogliare" 
i temi disponibili: per fare questo non dobbia¬ 
mo far altro che cliccare su Aggiungi nuovo 
o sul grosso + in cornice tratteggiata in Temi 
nel menu Aspetto (primo passo del tutorial 
precedente). Verremo condotti nella scher¬ 
mala Aggiungi Tema, dove l’ordinamento di 
default è tra i temi in evidenza, ma è possibile 
optare per quelli più popolari o i più recenti. 
Possiamo anche filtrare una eventuale ricer¬ 
ca cliccando su Filtro funzionalità, spuntare 
i criteri di ricerca di interesse e al termine 
cliccare su Applica filtri per vedere se riu- 


J Cambiamo i connotati dei nostro 


Scelto un tema tra quelli predefinitl, o uno dei tanti presentì nel web e liberamente scaricablll, un passo successivo 
potrebbe vederne la personalizzazione. Vediamo cosa offre WordPress 



^ Quanti temi! 

“j . cuccando sulla sezione Aspetti nella 
bacheca di WordPress verremo automa¬ 
ticamente rediretti sulla voce Temi che mostre¬ 
rà il numero di temi installati in quel momento 
in WordPress. Osserviamo come, in presenza di 
aggiornamenti da effettuare, verremo avvisati con 
un discreto rigo in alto. 


I dettagli 

*1 II tema attivato di default è il Twenty 
Fourteerr. portiamo su di esso II mouse 
per vedere apparire la scritta Dettagli del tema, 
quindi cucchiamo sul tema (non su Personalizzai 
per leggerne le caratteristiche. Le voci in basso ci 
rimanderanno agli associati sotto-menu con rela¬ 
tivi pannelli presenti in Aspetto. 


^ Come DerSOP aHwanì il tiìina 

Cliccando su Personalizza, nella prima 
schermata, lo schermo verrà diviso In due 
parti: a destra II blog e a sinistra il pannello del¬ 
le personalizzazioni, Qualsiasi cambio nella confi¬ 
gurazione sul lato destro verrà riportato in tempo 
reale sul blog, e questo ci permette di verificare 
immediatamente l’impatto della scelta. 
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SM Web in pratica 


sciamo a trovare qualche cosa che almeno 
si avvicini alla nostra idea. 

Se la ricerca fornisce più di un tema, cosa 
molto probabile, allora portiamo su uno di 
esso il mouse; apparirà la scritta Dettagli & 
anteprima. Basta un click per vedere l'ante- 
prima del tema. 

Arrivati a questo punto, se il tema è di nostro 
gradimento possiamo cliccare su Installa in 
alto a sinistra altrimenti è possibile visionar¬ 
ne altri senza uscire dall'anteprima utiliz¬ 
zando le voci in basso a sinistra Precedente 
e Successivo. Infine, una volta installato il 
tema, per attivarlo è sufficiente andare in 
Temi nel menu Aspetto portare il mouse sul 
tema scelto e cliccare sulla voce a comparsa 
Attivare per godersi le potenzialità e la bel¬ 
lezza del nuovo tema (comunque sempre 
personalizzabile) e iniziare l’inserimento 
degli articoli. 

Come WordPress 
organizza i contenuti 

La piattaforma di blogging WordPress pre¬ 
senta due tipi di contenuto; gli Articoli e le 
Pagine e ognuno di esso può essere collegato 
ad una specifica Categoria. Di default, dopo 
l’installazione, è presente solo la categoria 
Uncategorized pertanto dovremo dapprima 


creare una categoria e solo in seguito asso¬ 
ciarci gli articoli. Ma qual è la differenza tra 
1 due tipi di contenuto? Gli Articoli sono gli 
usuali post che appariranno nel front-end 
del blog in base alle configurazioni che ab¬ 
biamo impostato in Personalizzazione o nel 
pannello Lettura del menu Impostazioni. 
Anche le Pagine possono apparire sul blog, 
se impostato nella medesima sezione appe¬ 
na richiamata, ma la loro caratteristica è di 


essere associate a contenuti “statici" ovvero 
che non vengono modificate nel tempo se 
non in rare occasioni; tipica applicazioni 
delle Pagine sono le sezioni che vediamo 
in diversi siti che nei menu riportano nomi 
come “Chi siamo", “Contattaci" o in Inglese 
il famoso “About us". Queste pagine a loro 
volta possono contenere altre pagine come 
"L’azienda” “Il personale” e “I Clienti”. Al 
solito è solo una questione di organizzazione. 


^ •• fl ir a*" iWa w irt i 
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Minamaze - 

The Ultimate Responsive fteme 
Stunning beauty on all devlces* 


r»rftct Por AH 



top* RvtpoAiivt 


I Una bella anteprima del tema MinamazeI 


sito, modificando il tema 





Immagine della testata 

\ I Per configurare l'immagine della testata, 
clicchlamo su Testata nel menu Aspetto. 
Da qui è possibile impostare una propria Immagi¬ 
ne eventualmente creata ad arte con GIMP (http:// 
www.gimp.org/). Gli unici parametri da rispettare 
sono quelle delle dimensioni che si devono atte¬ 
stare a 1260x240. 


^ Pataonalizzare lo sfondo 

g La sezione Sfondo ci permette di selezio- 
nare un'immagine di sfondo o scegliere un 
colore. Se vogliamo cambiare II colore di sfondo è 
sufficiente cliccare su Seleziona colore in Colore 
dello sfondo, scegliere un colore, quindi cliccare 
sul pulsante Salva modifiche e istantaneamente 
avremo il nuovo sfondo. 


^ i Pnisonalizzazioni avanzate 

Analoga procedura dovremo seguire se 
volessimo adottare un'Immagine di sfon¬ 
do. Il sotto-menu Editor ìn Aspetto apre un editor 
di testi sul foglio di stile del tema. Inutile dire che 
qui possiamo metterci mano, per modificare alcu¬ 
ne proprietà del tema, solo ce conosciamo i fogli 
di stile (CSS) e/o il PHP. 
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Posizioniamo il blog 

Acronimo di Search Engine Optimizer, il SEO 
indica una serie di operazioni volte a migliorare 
il posizionamento dei nostro sito nel cosiddetto 
SERE (Search Enigne Result Page). Detto in pa¬ 
role semplici, la scelta di un adeguato formato 
degli indirizzi delle pagine del sito/blog con 
l’obiettivo di renderle “amichevoli" ai motori 


di ricerca al fine di spostare verso l’alto la po¬ 
sizione del sito nell’elenco dei risultati fomiti, 
ad esempio, da e con, Google. Gli sviluppatori 
di WordPress, oltre aU’attenzione “maniacale” 
nei confronti dello spam, sono sensibili anche 
verso questo argomento fornendo strumenti 
come i Permallnk presenti nel menù Imposta¬ 
zioni nella bacheca e che abbiamo già avuto 


modo di riportare: dopo aver fatto i cambi a noi 
più congeniali, nel momento in cui clicchiamo 
su Salva le modifiche, WordPress creerà, nella 
directory principale, un file di nome .htaccess 
e se non ci riuscirà (ad esempio per problemi 
inerenti i permessi di scrittura) ci restituirà a 
video il contenuto che dovremo provvedere ad 
aggiungere manualmente a tale file, se esistente. 


li Miglioriamo la visibilità 

Accenniamo un’altra soluzione che, attraverso l’uso di piug-in, permette di aumentare il posizionamento del blog 



^ Attiviamo il plua-in 

Andiamo In Plugin nella bacheca di Wor- 
dPress e cucchiamo Attivare in corrispon¬ 
denza del nome All in One SEO Pack, eventualmen¬ 
te installandolo secondo la oramai nota procedura 
qualora stessimo utilizzando una versione diversa da 
quella fornita dallo stack Bitnaml. Attivato il plug-ln 
subito apparirà un nuovo menu nella bacheca: All in 
One SfO e in alto SEO. 



^ Pannano di confluurazioiiB 

o j Per All in One SEO Pack sono presenti diver- 
—J se sezioni; definirle tutte è praticamente 
impossibile, ad ogni modo cuccando sul punto Inter¬ 
rogativo a fianco ad ogni voce si aprirà un sunto con 
Il link alla guida nel sito ufficiale. Nel seguito riporte¬ 
remo un paio di suggerimenti, ma rimandiamo alle 
linee guida di Google ( https://support.google.com/ 
webmasters/answer/35291) per chi volesse appro¬ 
fondire l’argomento. 




-k. Gestire tao e sorgenti 

4 La sezione Tttìe SeWngs determina la riscrit- 
- tura dei titoli degli articoli, nel tab del browser 
e nel sorgente della pagina, se Rewrite Wesè posto 
su Enabled. La casella In basso Capitalize Wesse 
spuntata farà apparire il titolo degli articoli con la let¬ 
tera maiuscola. Lo stesso avverrà per le categorie se 
Capitalize Category Wes è spuntata. Subito In bas¬ 
so possiamo personalizzare I vari formati di riscrittura 
Indicandoli con i parametri supportati. 



^ Attivare/Disattivare 
- funzioni 

Il pannello di configurazione non si esaurisce 
con le sezioni visibile nel passo 2, ma è possibile 
abilitarne (o disabilitarne) altre utilizzando il pannello 
Feature Manager, sotto-menu della voce All in One 
SEO In bacheca. Come visibile in figura possiamo 
attivare anche la sitemap (leggere oltre). Facciamo 
presente che il plug-in è acquistabile in versione Pro 
Il quale implementa funzioni che nella versione Free 
non esistono. 



-k. La homo oaae 

3 Nella sezione Home Page SeWngs in Home 
—> Title potremo modificare i meta tag della 
home page; inseriamo al più una decina di paro¬ 
le con un sunto su che cosa verte il sito. Home 
Description ci è utile per essere più specifici nella 
descrizione: una decina di parole per attirare l’atten¬ 
zione di chi legge i risultati su un motore di ricerca. 
In Home Keyword (comma separated) inseriremo 
10-12 parole chiavi - che rispecchiano il contenuto 
del sito - separate da virgola. 



^ E negli articoli? 

p Abilitato II plugin A//OT One SEO Pack, per 
—'• ogni singolo articolo che andremo a scrive¬ 
re troveremo, subito sotto l’editor di testo, la serie di 
form e caselle visibili In figura. Se vogliamo migliora¬ 
re la SERP è gioco forza riempire anche queste form 
secondo le regole riportate, nello specifico il numero 
di caratteri e alcune parole chiavi separate da virgola 
presenti neH’articolo. 
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li Un tocco di sobria eieganza 

Diversi temi in WordPress prevedono i’uso di una testata. Vediamo come personalizzarla con GIMP 



^ Nuova onera d’arte! 

Avviato GIMP andiamo sul menu File quindi 
click su Nuova. Nella pop-up a comparsa, Crea 
un’immagine nuova, dovremo Inserire la dimensione 
dell’Immagine; in questo caso, dovendo fare riferimen¬ 
to alla testata del sito, riporteremo il valore consiglia¬ 
to di 7260 pixel di larghezza e 240pixel di a/tezza 



-K Posizionare la scritta 

l Click nell'area di lavoro e riportiamo II testo, 
inserito II quale cilcctiiamo direttamente sullo 
strumento Sposta, assicuriamoci die sia selezionata la 
voce Sposta livello attivo c^indi click sulla scritta con 
il tasto sinistro e, mantenendolo premuto, spostiamola 
dove richiesto: poiché dobbiamo realizzare un riflesso 
diamo II necessario spazio in basso. 



▲ Su la maschera! 

y , A questo punto cucchiamo sul menu Livel- 
to quindi andiamo su Maschera optando per 
Aggiungi maschera di livello. Nel pop-up a compar¬ 
sa, in figura, assicuriamoci che sia selezionata l'op¬ 
zione Bianco (opacità completa) quindi dicchlamo su 
/giungi per vedere nel pannello Livelli apparire un 
livello a fianco al livello Riflesso. 



^ Sfondo della testata 

2 Selezioniamo lo strumento Riempimen¬ 
to di coiore e, come colore di primo piano 
(abbreviato con pp), scegliamone uno che si adatti 
al tema del sito che abbiamo scelto, molto scuro o 
nero nel nostro caso. Spostiamo il mouse nell'area 
di lavoro all’Interno del perimetro e quando il cur¬ 
sore cambia in un barattolo di vernice dicchlamo 
con il tasto sinistro. 



^ Questione di livello 

g Nel pannello Livelli facciamo un doppio click 
—' sul livello quindi rinominiamolo. Click con II 
tasto destro del mouse sul livello Scritta e dal menu 
contestuale scegliamo Duplica livello, cuccando¬ 
ci due volte sopra. In Riflesso. DI nuovo click con il 
tasto destro sul livello Riflesso e dal menù contestuale 
optiamo per Abbandona inftxmazioni sul testo. 



^ Sfornatura sobria 

^ Selezioniamo lo strumento Sfumatura. Come 
colore di primo piano, scegliamo il colore pre¬ 
cedente (quello scuro) e un bianco come sfondo, in 
Sfi/maft/ra possiamo lasciare Lineare, e in Gradiente 
l'opzione Da pp a trasparente. Naturalmente nessu¬ 
no vieta di fare esperimenti con diversi colori, sfuma¬ 
ture e gradienti. 



^ H testo da inserire 

j I Click sullo strumento Testo pcona con la lette- 
ra in basso In Ca/aftere scegliamone uno 
di nostro gradimento {URW Chancery L Medium Italie 
nel nostro esempio, eventualmente possiamo Instal¬ 
larne di nuovi). In Dimensione e Colore ancora una 
volta optiamo per valori che si adattino al tema, 81 e 
e6c56b rispettivamente nell'esempio visibile, ma non 
è necessario riportarne il codice. 
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^ Necessaria una riflessfone! 

0 Andiamo sul menu Livello (In aito) quindi su 
Trasforma e dal nuovo menu optiamo per 
Riftetti verticalmente. Selezioniamo lo strumento Spo¬ 
sta. verifichiamo che Sposta il livello attivo sia rimasto 
selezionato, e spostiamo con II mouse, ancora meglio 
con I tasti freccia. Il livello della scrìtta riflessa verso 
Il basso. 



< -* » : 





▲ Riflessione completata 

0 . Spostiamo II cursore in prossimità del bordo 
—y inferiore della scritta riflessa cuccando con 
il tasto sinistro e, mantenendolo premuto, spostia¬ 
moci verso l’alto in prossimità del bordo superiore. 
A questo punto, rilasciamo il tasto sinistro per otte¬ 
nere la sfumatura. 
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la Immagine incastonata 

Il logo, laddove previsto, aiuta a identificare univocamente il nostro blog e/o la nostra azienda. Ora che abbiamo un po’ di 
pratica con GIMP vediamo come crearne uno 




^ Lo scheletro 

■|| Click sul menù File quindi su Nuova: in 
- Dimensione immagine scegliamo, ad esem¬ 
pio, 240x240. Click su Ok. Facciamo presente che 
dal menu a tendina Modelli aitiamo due opzioni: Web 
banner common e Web banner huge qualora voles¬ 
simo adottare quelle dimensioni per il nostra logo e/o 
per crearci un futura banner pubblicitario. 


-k. Lo sfondo 

Dal pannello strumenti scegliamo Selezione 
ellittica e creiamo un cerchio, aggiustando le 
dimensioni nel pannello delle opzioni dello strumento 
in uso. Click su strumento Sfumatura e come colore 
di primo piano scegliamo, ad esempio, un blu scura. In 
Gradiente optiamo per Da pp a trasparente e lascia¬ 
mo tutto il resto di default applicando la sfumatura. 


^ Un’altra sfumatura 

Q Aggiungiamo un nuovo livello, assicurandoci 
che, in Tipo di riempimento Ih/elb sia sele¬ 
zionato Trasparenza. Nel menu Se/ezùna scegliamo 
Kduà nel pop-up Indichiamo 25 In Kduà la selezio¬ 
ne di e cucchiamo su Dk Applichiamo una sfumatura 
grigio scuro come colore di primo piano selezionando 
/riverso vicino a Gradiente e Radialeotà menu Forma. 



^ La scelta del colore 

/] Applichiamo la sfumatura dal centro ver¬ 
so l'esterno. Cucchiamo sul menu Selezio¬ 
na, di nuovo la voce Riduci e in Riducila sezione 
d/diamo un valore di 3 pixel. Click su 0/r quindi 
selezioniamo lo strumento Riempimento dopo aver 
scelto un colore chiaro di primo plano. 



Cornice creata! 

A questo punto, applichiamo il riempimen¬ 
to spostando il puntatore del mouse nell'area 
selezionata e cuccando con il tasto sinistro dopodiché 
andiamo nel menù Selezione e optiamo per Niente. 
possiamo notare ora come nessun livello risulti selezio¬ 
nato. Siamo pronti allora per importare una immagine 
per questa costruzione di esemplo. 



-k. Limmaaine della testata 

0 Apriamo il file manager nel percorso dove 
è presente l'immagine e con la tecnica del 
drag&drop la “portiamo'' in GIMP. Naturalmente l'im¬ 
magine potrà essere di dimensioni ragguardevoli 
rispetto al logo che stiamo creando, ma questo non 
è un problema perché provvederemo a scalarla In 
maniera proporzionale. 





^ Scalatura proporzionale 

Selezioniamo k) strumento Scala, ma prima di 
iniziare il ridimensionamento osserviamo come 
nella pop-up Scala (In Figura^ tra I due parametri Lar¬ 
ghezza e Altezza ci sono le maglie di una catena: 
se queste maglie sono disgiunte l'operazione di ridi¬ 
mensionamento avverrà senza rispettare le proporzioni 
dell'immagine quindi il tutto sarà funzione di come ci 
spostiamo in seguito. 


^ Immagine nella cornice 

cucchiamo sulle maglie della catena per 
unirle affinché nel ridimensionamento ven¬ 
gano rispettate le proporzioni. Spostiamoci con il 
mouse su un vertice dell'immagine, cucchiamo con 
il tasto sinistro e iniziamo l'operazione di ridimensio¬ 
namento: possiamo ripeterla più volte qualora non 
riuscissimo al primo tentativo ad indovinare l'esat¬ 
ta dimensione. 


^ Il risultato finale 

Possiamo utilizzare lo strumento Testo per 
inserire una breve frase, secondo le modali¬ 
tà che abbiamo imparato con II precedente tutorlal. 
Come possiamo vedere entrambe le procedure, crea¬ 
zione testata e logo, possono essere un punto di par¬ 
tenza per creare elementi più complessi anche 3D e 
per costrure ulteriori etementi per il blog come pulsanti 
e/o sostituire le immagini in esso presenti. 
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mi blog con la nuova testata 

Ora che abbiamo creato una testata impariamo a inserirla nel blog 


mtertacciamento (Adam?) 
y SaK/a coiof« di sfondo 
la oamma 

SaKra to spostamerìto j^reflo 
y SaKQ la nsokiTiorw 
y SaKra la daia di (reaztor>a 
y Sah/a il commento 

y Sahayalon colora di» punti trdspar«ru^_ 
Uv#Ho di co{Qpr»tSM>rw - 


Canea i vaion pra definiti 


SaKra i calori pradebrtfi 


^ Un formato per il Web 

Terminate le operazioni di costruzione della 
testata salviamo il lavoro; il formato predefl- 
nito di GIMP è xcf, ma nel blog è opportuno inserire 
un formato come png o jpg. Click sul menù File e 
optiamo per Esporta. Nella nuova finestra riportiamo 
il nome del file con estensione (ad esemplo Testata, 
pn^ quindi click su Esporta. Nella nuova pop-up (in 
figura) lasciamo le Impostazioni a quelle di default e 
click di nuovo su Esporla. 



^ Importiamo rimmaaine 

2 Dalla bacheca di WòrdPress, click su Aspetto 
e selezioniamo, per i temi che la contempla¬ 
no, la voce Testata. Poiché l'immagine è presente 
sul nostro computer cuccheremo sul pulsante Sfo¬ 
glia. selezioneremo l'immagine [Testatapn^ quindi 
click su Carica. Se l'immagine fosse stata già carica¬ 
ta sul blog avremmo dovuto optare per Scegli imma¬ 
gine. Nella schermata che segue fln figura) sceglia¬ 
mo, se abbiamo rispettato le dimensioni suggerite, 
Salta il ritaglio. Pubblica l'immagine cosìcom'è. 


I • U*». 
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V II risultato 

j Ricarichiamo la pagina dei blog per vedere 
applicata la testata. Ossen/iamo, però, come 
sia presente anche la vecchia barra con il nome 
(provvisorio) del sito e il relativo motto. Se vogliamo 
rimuovere questa parte rimaniamo in restata e in 
Testo tJella testata, nella omonima sezione, rimuo- 
veremo il segno di spunta in Visualizzare II testo 
della testata con una propria Immagine. A que¬ 
sto punto ricarichiamo la pagina del blog per avere 
l'effetto finale. 


La grafica del blog 

Laddove possibile, ovvero dove non è ne¬ 
cessario mettere mano ai fogli di stile del 
tema soprattutto se non conosciamo il CSS, è 
conveniente personaliz 2 ^ie la grafica del blog 
creando ad-hoc, con opportuni programmi 
di grafica, pulsanti, logo, testata persona- 
lizzata etc. Nel seguito riporteremo in due 
tutoria! tutti i passaggi da seguire per crearsi 
prima la personalizzazione/creazione di una 



■ Una parte dei pannello di configurazione Google 
XML SKentap 


testata (se contemplata dal tema) seguita da 
un logo personalizzato (se voluto). I risultati 
che otterremo potranno essere fusi tra loro 
oppure si potrà pensare, nella costruzione 
grafica della testata, di creare anche un logo. 
Installiamo GIMP ( http;//wvvw.gimp.org/) 
e iniziamo. 

Creare una SItemap 

La sitemap altro non è che una pagina Web, 
quindi in HTML, contenente tutti i link alle 
categorie e agli articoli presenti alTinterno 
del blog. E’ una lista da fornire ai motori di 
ricerca al fine di avere una indicizzazione 
completa e veloce: per questo motivo che 
il più delle volte è possibile trovare sitemap 
anche in formato XML. TUtti 1 siti - più o meno 
importanti - la implementano, in quanto 
pagina contenente i link saremmo tentati a 
crearla manualmente, ma ovviamente non 
è necessario poiché esistono plug-in nati 
ad-hoc per questa funzione e che automatica- 
mente aggiornano la lista nel momento in cui 
si aggiungono nuovi articoli. L'installazione 
Bitnami WordPress è comprensivo del plug- 
in, da attivare, Google XML Sitemaps ( http:// 
wvvw.xml-sitemaps.com/) il quale genererà 


una sitemap in formato XML - in locale all’in¬ 
dirizzo http://127.0.0.1/wordpress/sitemap. 
xml - che aiuterà i vari motori di ricerca ad 
indicizzare gli argomenti e gli articoli del 
nostro blog. Attivato il plug-in troveremo 
il suo pannello di controllo (Figura 1), con 
il quale configurarlo al meglio, alla voce 
XML-Sitemap in impostazioni. 

11 plug-in permette di generare anche sitemap 
in formato ror, testo e HTML (ad esempio 
www.xml-sitemaps.com/sitemap.html). 

Conclusioni 

Con il nostro compito abbiamo provato a 
mostrare la strada. Avendo a che fare con pro¬ 
grammi di notevole complessità e professio¬ 
nalità come GIMP nonché della piattaforma 
di blogging più utilizzata al mondo, abbiamo 
cercato di fornire le notizie essenziali, che 
a stringere sono solo la punta di un iceberg 
molto più complesso. Ma, agli interessati, 
questo potrebbe essere il punto di partenza 
attraverso il quale iniziare un approfondi¬ 
mento relativo alla creazione, gestione e pro¬ 
mozione di siti Internet e di designer alla base 
di aziende e sistemi di informazione tra i più 
importanti. Ora tocca a voi. 
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Le dritte dei nostri esperti per apparire primi su Google! 
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C** SM Web in pratica 


Content 
is thè King! 


Un Blog che offre contenuti validi e 
aggiornati, può diventare un punto 
di riferimento per gli internauti 



D alla risposta a questa domanda dipende 
quasi interamente la riuscita di qual¬ 
siasi ulteriore azione. I contenuti sono 
infatti la chiave di svolta quando cerchiamo 
di monetizzare con un sito o un blog, trasfor¬ 
mandolo in uno strumento di marketing. Da 
questo punto divista, è perfettamente inutile 
curare l'estetica ed il layout delle pagine, se 
poi non siamo capaci di riempire il Blog con 
contenuti di qualità elevata. In questi casi 
non si va avanti, con o senza l'aiuto dei 
motori di ricerca. Un Blog minimalista, o 
non curato nel layout, ma che è capace di 
offrire contenuti validi (sempre aggiornati, 
divertenti, interessanti...) ha buone possi¬ 
bilità di diventare rapidamente un punto di 
riferimento per una community più o meno 
ampia di utenti, oltre ad essere indicizzato 
dai motori di ricerca che vi condurranno 
presto nuovi utenti. 

Per scrivere, non 
basta conoscere! 

Il fatto di essere semplici o appassionati o 
anche esperti in un determinato settore, 
non è di per sé indice della possibilità di 
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Il contenuto del blog è tutto! 

Un sito Web di successo richiede la stesura di contenuti interessanti almeno sotto un punto di vista, che 
può essere quello di soddisfare curiosità, di divertire o semplicemente di informare bene. 



.X II pettegolezzo pana! 

Alzino II dito gli esperti di grafica e di web 
design che non sono rabbrividiti nel vede¬ 
re comparire, all’inizio degli anni 2000, l'orripi¬ 
lante prima pagina di Dagospia (www.dagospia. 
com). Eppure, forte dei suoi pettegolezzi altolo¬ 
cati della capitale, è diventato presto meta per 
milioni di utenti italiani. 



^ Risate a denti stretti 

L'idea che sta alla base della nascita del 
blog Spinoza (www.spinoza.it) è quella di 
riuscire a far ridere con poche parale sintetiche e 
ficcanti. Da questo punto di vista, li visitatissimo 
sito di satira, daila grafica minimalista, è anche 
precursore dei tempi, rispetto a Twitter, riuscendo 
persino a coinvolgere direttamente i propri utenti. 



^ Punto di riferimento deirfT 

Sin dalla nascita, tra la metà e la fine 
degli anni '90, Punto Informatico (www. 
punto-informatico.it) è stato prima un nodo cen¬ 
trale nel settore deH’information Technology, dal 
punto di vista delle notizie, diventando ben pre¬ 
sto anche un importante luogo di aggregazione 
per gli operatori del settore informatico. 


poter scrivere in maniera continuativa su 
di un blog, mantenendo sempre la stessa 
capacità di suscitare interesse negli uten¬ 
ti. Molto dipende anche dalla natura di ciò 
che scriviamo. Alcuni contenuti (pensiamo 
ad un sito di letteratura), non richiedono 
particolari aggiornamenti, una volta scrit¬ 
ti i contenuti. Se scriviamo di IT, invece, è 
naturale prevedere che ci possano essere 
variazioni, aggiornamenti e quanto occorre 
per mantenere valida Tinformazione fornita. 
Sarà necessario anche tenersi aggiornati a 
livello di fonti, in particolare quelle prove¬ 
nienti dagli USA, assolutamente necessarie 
per mantenersi al passo con la naturale evo¬ 
luzione dell’intero settore. 

Cosa scrìvere e per chi? 

Questa domanda è di fondamentale impor¬ 
tanza per determinare il potenziale inte¬ 
resse da parte di chi legge per le cose che 
scriviamo. Possiamo tuttavia trarre un'idea 
precisa degli argomenti da trattare dall'uso 
di strumenti come SEMRush.com. Digitan¬ 
do alcune parole chiavi, come ad esempio 
Information Technology, possiamo visualiz¬ 
zare immediatamente alcune informazioni 
che ci forniscono una indicazione precisa 
delle ricerche su tali keyword, in termini 
di volume, di tendenza, ma soprattutto di 
valore pubblicitario, ovvero di quanto gli 
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investitori siano disposti a spendere per click. 
Non occorre impressionarsi dell'apparente 
difficoltà di strumenti di questo tipo. Nel 
caso di SEMRush, ad esempio, troviamo dei 
tooiptip (icona *?''), accanto a ciascuna voce, 
che spiegano nei dettagli il significato di 
tutte le sigle usate. Esistono vari strumenti 
simili, come Google AdWords, che risultano 
molto utili per pianificare le nostre ricerche 
ed analisi, permettendo di salvarne 1 risul¬ 
tati e aiutandoci a pianificare l'acquisto di 
eventuali campagne pubblicitarie. 

L’attoalìtà rìpaga... 

Quando si sceglie un argomento sul quale 
scrivere, di norma è bene che sia legato ad 
uno degli argomenti più dibattuto del mo¬ 
mento. Questa tecnica ci permette di rien¬ 
trare più facilmente nei risultati di ricerca 
sull'argomento in oggetto. Naturalmente, 
tutto ha un limite. Se l'argomento di attua¬ 
lità è la politica europea del Governo Renzi, 


oppure la diatriba che lo vede alle prese con 
Beppe Grillo e con l'intero M5S, non pos¬ 
siamo certo utilizzare i nomi dei due leader 
politici per orientare i lettori verso un sito 
che parla di pesca sportiva! Si tratterebbe di 
un uso scorretto del quale i motori di ricerca 
di accorgerebbero presto, penalizzando il 
nostro sito nei risultati successivi. 

Immagini e video 

Quello relativo alle immagini eai vìdeo è un 
argomento abbastanza complesso. Per quan¬ 
to riguarda le immagini, più sono originali, 
migliore sarà l'impatto. Se non siamo pro¬ 
fessionisti, e non abbiamo a disposizione un 
grande budget, possiamo orientarci nell'uso 
di servizi come Fotolia (http://itfotolia.com) 
o Shutterstock (www.shutterstock.com). In 
alternativa, cerchiamo di sopperire con la 
creatività. I video sono uno straordinario 
mezzo per aumentare le visite sul nostro 
sito, a patto che, però, osserviamo alcune 
semplici regole. Intanto, l'argomento deve 
essere pertinente e, possibilmente, richiesto 
dagli utenti. Il titolo e la descrizione (cosa che 
vale anche per le immagini, naturalmente), 
devono essere scritte nel rispetto delle regole 
SEO che vedremo più vanti. Cerchiamo infine 
di realizzare video che siano potenzialmente 
virali, ovvero che abbiamo la capacità di 
diffondersi rapidamente. 
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Fissare il target, 
conoscere il mercato 

Dopo avere appreso le regola della buona scrittura e strutturazione 
dei contenuti, concentriamoci sugii obiettivi dei sito/biog 
e studiamo la concorrenza. Google ci da una mano 


P rima di dedicarci a reali azioni di 
marketing, occorre ben definire gli 
obiettivi che vogliamo raggiungere. 
Solo capendo bene lo "scopo" del nostro 
sito/blog possiamo infatti studiare ed 
adottare le migliori soluzioni per raggiun¬ 
gere le nostre aspirazioni. Parlando della 
promozione di un sito sui motori di ricerca, 
cosa che vedremo nelle prossime pagine, 
è necessario comprendere come un buon 
posizionamento nei risultati di ricerca sia 
solo un mezzo per raggiungere qualcosa 
o qualcuno, mentre non possiamo con¬ 
siderarlo l’obiettivo finale del progetto 
internet. La maggior visibilità non è una 
specie di auto-incensazione, ma ci deve 
consentire di vendere i nostri prodotti, 
raccogliere nuovi utenti attivi, incremen¬ 
tare gli introiti pubblicitari ecc. 

lire punti tomi... 

Prima di intraprendere attività di promo¬ 
zione Online e offline di un sito, dobbiamo 
definire alcuni aspetti fondamentali: 

• Obiettivo: Qual è la motivatone del sito? 
• Target: A chi ci stiamo rivolgendo? 

• Mercato: Quale lingua parlano gli utenti? 
Qual è lo scopo del sito? Ci sono più scopi? 

È bene affrontare questi punti uno per 
volta, fornendo delle risposte convincenti 
alle singole domande. Solo in questo modo 
possiamo successivamente concentrare 
le nostre energie sui metodi migliori per 
aumentare la visibilità dei blog, raggiun¬ 
gendo proprio la categoria di utenti che 
ci siamo prefissati come target, l'unica tra 
l’altro capace di renderne remunerativi i 
contenuti, sia nel caso volessimo vendere 
direttamente (servizi o beni), sia se pen¬ 
siamo di raccogliere pubblicità. 


Come prima attività, studiamo 
bene la concorrenza 

La corretta definizione degli obiettivi ci 
permette inoltre di studiare la concor¬ 
renza, ovvero altri siti come quello che 
intendiamo creare, per analizzare le di¬ 
verse scelte (layout, parole chiave ecc.). 


Per farlo, è sufficiente interrogare i motori 
di ricerca, per possibili parole chiave che 
intendiamo utilizzare per la promozione 
del nostro sito. Dopo avere analizzato i 
dati di contenuto (vedi tutorial), possiamo 
procedere con l'analisi di alcuni dati più 
propriamente tecnici. 


COME DIVENTARE MIL.0P;ARI DIVERTENDOSI! 


Per guadagnare con Internet, 
non è sempre necessario cre¬ 
are e curare un proprio sito. 
A volte basta molto meno, 
come nel caso del 24enne 
svedese Felix Kjellberg, che 
di mestiere testa videogame, 
incassando una cifra che su¬ 
pera i 4 milioni di euro i’anno. 
il suo canale Youtube Pewdle- 


pie è ormai stracolmo di vi¬ 
deo nei quali Felix si riprende, 
nel proprio appartamento 
Brighton, in Inghilterra, men¬ 
tre gioca con nuovi video¬ 
game, lasciandosi andare a 
commenti ed espressioni 
esiiaranti. Pewdiepie conta 
28 milioni di iscritti, i quali 
vogliono vedere II giovane 


svedese testare in maniera 
irriverente videogiochi per 
smartphone. La pubblicità 
che i video sono riusciti ad 
attrarre gli consentono lo 
stacco annuale dell’asse¬ 
gno multimilionario, tanto 
che Kiellberg è diventato un 
fenomeno mediatico inter¬ 
nazionale. 
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HEsempi da analizzare 

Durante la fase di studio della concorrenza, dobbiamo verificare anche i dati di contenuto (layout utilizzato e servizi 
offerti) e quelli di posizionamento. Usiamo (ìoogle per avviare i nostri studi. 



^ Basta una ricercai 

Eseguiamo una ricerca su Google con alcune parole chiave che potremmo 
scegliere per promuovere la nostra attività (ad. Esempio “pesca sportiva 
lagd'). È Importante analizzare soprattutto i primi 5 link del risultato della ricerca, 
ovvero quelli che meglio rispondono alle parole chiave usate. 



Uno sguardo ai servizi 

^ Un altro aspetto da non trascurare è quello dei servizi offerti dai competitor, 
In particolare quelli comuni. Verifichiamo pertanto la preswiza di uno spazio 
per le news, di un eventuale forum, della presenza di servizi rJ ricerca specifici, di 
un blog ecc. Potrebbero essere la “causa" del successo del sito! 



jk Verificfiiamo il lavout 

2 Cerchiamo di capire Innanzi tutto II layout scelto dai nostri potenziali concor- 
- rentl. Il layout non è di per sé risolutivo, ma fornisce una buona indicazione 
sul tipo di pubblico che la risorsa onilne cerca di raggiungere, con buoni risultati se 
è tra I primi 5 link proposti da Google per le parole chiave digitate! 



^ Paoerank e link DODularitv 

^ Usando Chrome e installando l’estensione Pageflank Status, possiamo acce- 
—■/ dere facilmente ai dati SEO di qualsiasi sito web. Lanciando l'estensione 
dalla toolbar, nella scheda SEO Stats possiamo verificare II pagerank della pagi¬ 
na, l'indice di popolarità di Alexa e numerosi valori di altri servizi di Indicizzazione. 



Tìtolo, meta tao e descri|ition 

t| La scheda Page Info ci rivela invece dati importanti come il contenuto del 
tag We. che possiamo verificare anche sulle pagine Interne; Il contenuto 
dei tag meta keywonis e meta desaiptìon, il cui ruolo è importantissimo, come 
vedremo più avanti, nella ricerca di un migliore posizionamento. 


^ Uri e link interni 

=■ ' Tra le informazioni offerte daB'estensione fìageflarrk Stefus, la scheda/j/rk 
■ Stats permette di verificare la composizione delle Uri e dei link Interni, con¬ 
sentendoci di capite se la struttura è di tipo directory, e quindi con uri “search engi- 
ne friendly", denotando una minima conoscenza SEO, come vedremo più in là... 
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Il blog ai grimi posti 
sui motori di ricerca 


Le regole di base e i consigli giusti per ottimizzare il Cms 
WordPress e far risalire al nostro sito Web posizioni importanti 


A fnnché un blog guadagni posizioni sui 
motori di ricerca e, dunque, incremen¬ 
ti le proprie visite, occorre mettere in 
pratica una serie di azioni. L'obiettivo è fare 
in modo che il sito venga opportunamente 
ottimizzato e, dunque, reso “appetibile’ per 
i motori di ricerca. Il termine coniato per le 
operazioni di ottimizzazione è Seo ossia: Se- 
arch engine optimization. In questo progetto 
affronteremo li discorso, andando a scoprire 
le ottimizzazioni di base da intraprendere. 


per ottenere un buon posizionamento di un 
blog realizzato con WordPress. 
Naturalmente, la visibilità dipenderà anche 
dalla concorrenza. Alcuni settori, infatti, 
hanno raggiunto livelli di saturazione e ri¬ 
uscire a ottenere posizioni importanti sen¬ 
za prevedere un cospicuo investimento in 
pubblicità, è quasi impossibile. Nonostante 
ciò, occorre comunque fare in modo che il 
nostro sito goda di una buona ottimizza¬ 
zione, in modo da poter raggiungere livelli 


di visibilità considerevoli senza apporto di 
investimenti pubblicitari. Nel corso del pro¬ 
getto faremo uso di un noto plug-in, ovvero 
All in one seo pack, con il quale imposteremo 
facilmente tutti i parametri essenziali per 
una buona ottimizzazione in chiave Seo 
del nostro blog. Faremo, inoltre, un cenno 
su come controllare che 11 lavoro eseguito 
sia andato a buon fine, sia con l'ispezione 
del codice, sia attraverso l'uso del servizio 
Google webmaster tool. 


Al Muoviamo i primi passi 

Ottimizziamo ii blog senza l’uso di plug-in specifici, modifìcando solo alcuni parametri base 



Permalink 

*1 Una delle prime operazioni da fare è rendere più sempiici i iink del 
nostro sito. GII spider dei motori di ricerca hanno, infatti, difficoltà 
a seguire collegamenti complessi. Dalla bacheca di WordPress, faccia¬ 
mo clic su Impostazionl/Permalink. 


^ La struttura dq link 

2 Nella pagina, inseriamo un segno di spunta sulla voce Struttu- 
ra personalizzata e nella casella di testo inseriamo la stringa: 
/%category%/%postjd%/%postname%.html. In tal modo, I link assume¬ 
ranno la seguente struttura: www.miosito/miacategoria/id/titolo jxDst.html. 
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^ Ora i titoli 

3 ' Aspetto da non sottovalutare nelle operazioni di ottimizzazione 
— sono i titoli che attribuiamo agli articoli. Devono includere le paro¬ 
le chiave inserite dagii utenti per fare le ricerche e non devono essere 
eccessivamente lunghi. 


.X Categorie 

^ Anche il nome che attribuiamo alle categorie ha una sua valenza 
al fini del Seo. Cerchiamo di attribuire nomi coerenti e inserire gli 
articoli nelle categorie appropriate, in modo da facilitare I motori di ricer¬ 
ca nelle operazioni di indicizzazione. 


□Un plugin per il seo 

Sfruttiamo un ottimo tool per migliorare ancora di più l'ottimizzazione dei nostro blog 



^ la ricerca del pluo-in 

■| I Dalla bacheca di WordPress facciamo clic sul link Plugin/ 

_ li Aggiungi nuovo localizzato nella barra laterale; nella pagina 

visualizzata, effettuiamo una ricerca inserendo come chiave il termi¬ 
ne: All in one SEO pack. 



3 Effettuata l'attivazione del plug-in, spostiamoci nel menu Impo- 
—✓ stazioni e facciamo clic sulla voce All in one SEO. Nella scher¬ 
mata che verrà mostrata, attraverso i link nella parte alta abbiamo la 
possibilità di collegarci al sito del produttore o di effettuare l'upgra- 
de del plug-in. 



^ Linstallazione 

2 : Nella pagina dei risultati facciamo clic sulla voce Dettagli e, 
‘ successivamente, ancora clic sul link installa ora. Terminata 
l'installazione, accediamo all'elenco dei plug-in e provvediamo all'at¬ 
tivazione del componente appena installato. 



Campi per parametri 

4 Poco più In basso nella pagina, possiamo scorgere una serie 
—^ di campi di cui a breve forniremo una descrizione: in sostan¬ 
za servono per ottimizzare in chiave Seo II nostro blog. In particola¬ 
re, sarà possibile inserire meta tag, titoli, e parole chiave in modo 
automatico. 
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9Tutte le altre impostazioni 

Continuiamo con la personalizzazione dei parametri caratteristici del plug-in 





^ Un titolo per la home 

•| 1 Rappresenta sicuramente un parametro 
importante. Per la sua definizione occor¬ 
rerebbe inserirvi una o più parole e cercare di 
renderlo accattivante per i visitatori, in meri¬ 
to alla lunghezza, si dovrebbe cercare di non 
superare le 10-12 parole. 


^ La descrizione 

2 Descrive, appunto, Il testo che segue II 
— * titolo e che, sicuramente, aiuterà l'utente 
che dovrà districarsi davanti a decine di risul¬ 
tati simili. Anche in questo caso occorre essere 
precisi magari specificando i servizi offerti e il 
luogo in cui vengono offerti. 


^ Inseriamo le parole chiave 

3 Anche se oramai è dimostrato che Goo- 
- > gle non tiene conto delle keyword. Il con¬ 
siglio è inserire aimeno 6-8 parole, scegliendo 
quelle che rispecchiano II contenuto del sito. 
Per prime le parole più importanti, separate da 
virgola. 




^ La descrizione 

4 Attivando questa opzione possiamo indicare al motore di ricerca di 
—^ riferirsi a una pagina canonica, in modo da non considerare even¬ 
tuali pagine contenenti informazioni duplicate e per le quali saremmo 
penalizzati dal motore di ricerca. 


^ Riscrivere i titoli 

g Attivando questa casella possiamo intervenire nella definizione 
^ della struttura dei titoli relativi a articoli, pagine, tag, ecc. Mante¬ 
niamo le impostazioni suggerite dal plug-in, lasciando libera la casella 
Riscrivi titoiie invariate quelle che seguono. 


LA SITEMAP 

Una sitemap Xml è una specie di riassunto 
che elenca tutte le pagine del sito. Il file, una 
volta creato (esistono a tale scopo diversi 
plug-in), dovrà essere sottoposto ai motori 
di ricerca. Per farlo, occorre far uso dei tool 
per Webmaster messi a disposizione da 
Google. Una volta fatto il login nella pa¬ 
gina www.google.com/wtbmasters/tools 
occorre, anzitutto, aggiungere il sito da 
monitorare e, successivamente, indicare 
l'indirizzo della sitemap. 



^ Categorie 
0 ekewofd 

^_>Con questa 
casella facciamo In 
modo che il plug-ln 
utilizzi, come paro¬ 
le chiave, la catego¬ 
ria a cui appartiene 
l'articolo che stiamo 
scrivendo. Per mag¬ 
giore controllo nel¬ 
la definizione delle 
keyword, disattivia¬ 
mo l’opzione. 
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19 Un test per evitare problemi 

Terminiamo la configurazione del plug-in ed eseguiamo un test di controllo in modo da scoprire eventuali criticità 



^ Descrizioni automatiche 

Attivando questa opzione, consentiamo 
di generare automaticamente ie descri¬ 
zioni di ciascuna pagina. Naturaimente sareb¬ 
be auspicabiie scrivere manuaimente i testi 
andando a compiiare ii riassunto di ciascun 
articolo. 



^ Altri controlli 

2 Con I campi che seguono possiamo 
decidere di escludere alcune pagine 
dall'azione del plugin o aggiungere meta tag 
sia a livello di articolo che di pagina. L'ultima 
casella, se attivata, consente di scrivere un file 
di log con tutte le impostazioni scelte. 



^ Articoli 

Terminata l'impostazione del plug-in, 
vediamo come comportarci ogni qual¬ 
volta inseriamo un nuovo articolo. Scegliamo 
Aggiungi nuovo dalla sezione Articoli. Nella 
pagina visualizzata, tra le altre cose, distinguia¬ 
mo un box specifico denominato All In one SEO. 





^ Riassunto e tao 

u Per prima cosa occorre assegnare un titolo e, ovviamente, scrivere 
l'articolo in seguito, dopo aver compilato I campi che compongo¬ 
no l'articolo come titolo e testo dobbiamo assegnare dei tag esplicativi 
e compilare anche un apposito riassunto dell'articolo stesso. 


^ Campi seo 

5 A questo punto, concentriamo la nostra attenzione sul box All in 
One SEO. Inseriamo, anzitutto, un titolo che sarà integrato nell'ap¬ 
posito tag title a livello di codice. Ricordiamoci di inserire titoli che inclu¬ 
dano le parole chiave ricorrenti nell'articolo appena inserito. 



i II test di 
0 controllo 

- > Dopo aver 
aggiornato l'articolo 
con l'apposito pulsan¬ 
te, facciamo un picco¬ 
lo controllo sulle pagine 
del blog. Usciamo dal¬ 
la parte amministrativa, 
visualizziamo II nostro 
sito in un browser e, per 
ogni pagina, diamo uno 
sguardo al codice (con 
Firefox usiamo CtrI+U). 


IMMAGINI E TESTO 
AITERNATIVO 

Per migliorare l'indicizzazione delle pagi¬ 
ne del nostro sito occorre prestare atten¬ 
zione anche alle immagini. Ogni foto che 
carichiamo nel blog, dovrebbe integrare 
un testo alternativo che, oltre ad aiutare 
il motore di ricerca, renda accessibili le 
immagini anche ad utenti con problemi 
visivi. Le descrizioni ovviamente devono 
essere brevi e concise. 
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PosizkNiameiito 
in pratica 

Trucchi, consigli e tutto ciò che c’è da sapere per essere primi nei 
risultati di ricerca, prima condizione per aumentare le visite al blog 


S e abbiamo affrontato correttamente gli 
argomenti dell'individuazione dello 
scopo del nostro sito, di come pensia¬ 
mo di poter renderlo lucrativo, del pubblico 
a cui ci rivolgiamo e se abbiamo studiato 
attentamente i nostri competitor e valutate 
le parole chiave da utilizzare per renderci 
visibili, possiamo affrontare ora il discor¬ 
so di come sfruttare i motori di ricerca per 
raggiungere il maggior numero di utenti. La 
strada, in realtà, è una sola: arrivare primi 
nelle ricerche! È altresì importante che ciò 
avvenga jjer un numero basso di parole chia¬ 
ve: una o al massimo due. Vediamo ora cosa 
possiamo fare concretamente per conquistare 
i primi posti... 

La scelta del dominio 

Al contrario di ciò che si pensa comimemente, 
inserire le parole chiave nel dominio incide 
in minima parte sul posizionamento di un 
sito sui motori di ricerca, mentre era una cosa 
indispensabile fino a qualche fa. Nello sce¬ 
gliere un nome di dominio, occorre prendere 
in considerazione due aspetti, il lato SEO e il 


Web Marketing. Supponiamo di aver valutato 
le parole chiave che più si addicono ai nostro 
blog, servendoci di servizi come quelli citati 
nelle precedenti pagine, è preferibile inserire 
nel domìnio quelle che danno maggiori pos¬ 
sibilità di "anchor text" (testo cliccabile dif¬ 
ferente dal link) nei 
“back link" favorevoli 
al posizionamento 
Ad esempio, se le 
parole chiave scel¬ 
te sono “attrezzi" e 
“pesca", e sono quelle 
che vogliamo pro¬ 
muovere, scegliendo 
come dominio www. 
rossi-sport.it, il nome 
di dominio non con¬ 
tiene nessuna parole 
chiave da promuove¬ 
re, mentre il dominio 
w'ww.attrezzl-pesca- 
sportiva.it le contie¬ 
ne entrambe. Si può 
facilmente intuire 


che, nel caso i siti vengano ambedue linkatì 
daH'esterno senza "anchor text", il secondo 
veicola un’informazione in più al motore. 
Anche se il link non viene cliccato, possiamo 
facilmente immaginare di cosa si occupa 
il sito. 



Nonostante siano legate tra loro. Il dominio «nww.informatlo 
ntechnologyforum.it contiene due parole chiave di valore considerevole per le 
ricerche. 



D 

Per SERP intendiamo la Search 
Engine Resuits Page, ovvero i 
risuitati delle ricerche, i motori 
di ricerca evidenziano infatti, 
con l'uso del grassetto, le parole 
chiave comprese nel dominio ed 
Inserite nei risultati della ricerca, 
come si può vedere nel seguente 
esempio: 

Ciò chiarito, le ragioni per la scelta 
del nome di dominio derivano più 
che altro dagli utenti, partendo 
dal "Branding". Il nome del domi¬ 
nio è infatti un biglietto da visita 
sul Web che va scelto in funzione 
della ragione sociale oppure dei 
marchi e dei prodotti. Deve esse- 


P 

re breve e semplice, consentendo 
al sito di essere più facilmente 
ricordato e, di conseguenza, vi¬ 
sitato. Occorre scegliere l’esten¬ 
sione (.it .com, Jiet .org eco) che 
si addica meglio ai contenuti ed 
allo scopo del sito. Intuendo fa¬ 
cilmente che.lt sta per "italiano", 
.com per"commerclale", .org per 
"organizzazione"ecc., si possono 
registrare anche più estensioni, 
limitandosi ragionevolmente a 
quelle più importanti ed appro¬ 
priate. È bene ricordare inoltre 
che, ai fini del posizionamento 
nelle ricerche, Tinfluenza del do¬ 
minio è prossima allo zero... 
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Siti Web in pratica 


Q Ottimizzazione dei sito 

Per ottenere il miglior posizionamento di una pagina bisogna, occorre ottimizzarla per una o al massimo due parole 
chiave. Vediamo come... 

sempre bene precisare che la struttura 
delle pagine deve essere pulita, ovvero 
che non deve contenere ripetizioni di 
codice (attenzione ai moduli dei form con 
campi di selezione a tendina). Se possibile, è 
sempre bene usare fogli di stile (CSS) esterni, 
in modo da mantenere pulito e ordinato il 
codice della pagina. Meglio non usare tabel¬ 
le e sottotabelle. Anche la correttezza della 
sintassi assume un ruolo fondamentale. Se 
usiamo un blog WordPress, quanto detto non 
ci interessa direttamente. Possiamo quindi 
concentrarci sul resto. 




^ i la scelta 
1 del titolo 

La posizione delle paro¬ 
le chiavi nel titolo della pagina 
{tag <titìe><title/>) è impor¬ 
tante, anche se marginale, nel 
calcolo del ranking. I motori 
tengono conto della loro pro¬ 
minenza rispetto all'intero con¬ 
tenuto del tag. è bene scrive¬ 
re titoli che contengano meno 
di 70 caratteri e non più di 10 
parole. 



^ ritoli accattivanti 

2 WordPress rende trasparente la gestione del tag title. I titoli delle pagi- 
—^ ne devono attirare l'attenzione degli utenti. Se si vuole fare branding, 
si può anche aggiungere alla fine il nome di dominio senza il "www.” Meglio 
evitare ripetizioni di parole chiave, tecnica considerata SPAM da tutti i motori. 



Jl Information Technology 
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^ struttura corretta 

^ cuccando sul titolo della pagina e scegliendo Ispeziona elemento 
dal menu contestuale di Chrome, notiamo come WordPress abbia 
usato l'header tag <h1> per il titolo, mentre II sottotitolo prende II tag 
<h2> da noi conferito, è importante che la sequenza di parole chiave 
non sia ripetuta. 



^ Uso degli Headertaqs 

3 ■ WordPress utilizza gli header tags (tag dei titoli) in maniera automati- 
ca, utilizzando il tag HI per il titolo di una pagina. Possiamo ampliare 
la struttura dei tag aggiungendoli manualmente nel codice, servendocene per 
rafforzare l'utilizzo delle parole chiave nei titoli e nei sottotitoli. 



^ Link e altri eleniCTti 

g Possiamo rafforzare la promozione delle parole chiave scelte immet- 
tendole nei link, usando se possibile il nome di dominio e II titolo (da 
strumento link di WordPress). La stessa cosa può essere fatta evidenziando 
parole chiave con l'attributo bold o inserendo come attributi delle immagini o 
di altri elementi della pagina. 
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StatisGcIie: il segreto 
del successo 

Per sapere se il sito è visitato e da chi, dobbiamo usare un 
servizio di statistiche capace di scendere nei particolari... 


L I analisi dei dati web è usata per misurare 
^ le visite ed analizzare il comportamento 
I degli utenti. Lo scopo è comprendere 
come ottimizzare il sito per raggiungere un 
obbiettivo nostro o loro. 1 visitatori fanno 
ciò che ci aspettiamo? Arrivano dai motori 
di ricerca tramite la parola chiave con cui 
vogliamo posizionare una (>agina? Acquistano 
un determinato prodotto? Se non siamo in 
grado di rispondere a queste domande, o se 
la risposta è negativa, occorre capirne i motivi 
analizzando i dati. Successivamente, si dovrà 
procedere ad una modifica della pagina (o del 
sito) perché gli utenti facciano ciò che voglia¬ 
mo, 0 per far trovare loro ciò che loro cercano. 

Statistiche e... statistiche! 

Non tutti i servizi di statistica sono identici. Ad 
esempio, WordPress mette a disposizione un 
servizio minimo di statistiche, raggiungibile 
dalla Dashboard (Bacheca) cliccando sulla 
voce Statistiche sito. Possiamo facilmente 


vedere che vengono fomite informazioni mi¬ 
nime: numero visite per intervalli di date, 
viste complessive, articoli più letti, numero 
commenti, parole di ricerca che hanno con¬ 
dotto gli utenti alle pagine del nostro sito. 
Naturalmente, sono disponibili dei rapporti 
sommari di tali dati. Cliccando su Statistiche 
Akismet, otteniamo qualche informazioni 
in più. 






Ma se volessimo conoscere qualche informa¬ 
zione in più, ad esempio per conoscere quanti 
dei visitatori sono ritornati sulle nostre pagi¬ 
ne, oppure per sapere come sono distribuite 
geograficamente le visite, come sono divise 
per sesso e per età ecc. Per ottenere questo 
tipo di informazione è necessario rivolgersi a 
servizi come Google Analytics (www.googie. 
com/analytics/web/) oppure a StatCounter 
(www.statcounter.com). 11 
primo offre una rassegna 
completa di informazione, 
alcune delle quali ottenibi¬ 
li In maniera gratuita, con 
una semplice iscrizione 
(vedi tutorial pagina ac¬ 
canto), altre sottoscrivendo 
un piano a pagamento. Le 
informazioni gratuite sono 
però già sufficienti per poter 
ottimizzare le pagine del 
nostro blog. 


ANALYTICS ALL'INTERNO DI WORDPRESS 


È possibile accedere alle statistiche di Google 
Analytics dalla Bacheca di WordPress, attraverso 
l'installazione di plugin. In particolare, sono due 
quelli degni di nota.... 


Google Analytics for WordPress 

Il plugin, gratuito, permette di Inserire agevol¬ 
mente il codice di tracciamento per Google 



Analytics, offrendo numerose opzioni di per¬ 
sonalizzazione. Una volta installata e attivata, 
si accede alla configurazione attraverso la voce 
Google Analytics nel menu plugin. Qui, basta 
inserire il profilo per il monitoraggio. Possiamo 
autorizzare automaticamente l'applicazione 
grazie all'integrazione con le API, cliccando il 
pulsante Okk bere to authentlcate wìth Google 
oppure inserire manualmente II codice fornitoci 
da Google Analytics (vedi tutorial pagina accan¬ 
to), selezionando la casella Manuallyenteryour 
UA code ed immettendo il codice nel formato 
UA-xxxxxxxx-x. 

Google Analyticator 

Anche questo plugin è gratuito. Il funzionamento 
è molto simile a quello precedente. Per usarlo, 
una volta installato e attivato, basta cliccare 
su Impostazioni - Google Analytics e accede¬ 
re alle opzioni di personalizzazione. Possiamo 



consentire lldentificazione del nostro account 
di Google Analytics, con la possibilità di sfrut¬ 
tare direttamente le API di Google Analytics, 
autenticandoci in maniera guidata tramite la 
sezione Google Authentìcatìon Code, oppure 
inserendo manualmente il codice scegliendo 
Contìnue Wìthout Authentìcatìon. 
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su Web in pratica 


!3 Creiamo un account Analytics 

Per sfruttare il servìzio dì statistiche dì Googie. basta registrarsi e autorizzare il monitoraggio del nostro sito 
attraverso un procedimento abbastanza semplice. Scopriamolo insieme... 



^ Registriamoci al servizio 

Rechiamoci nella pagina di Googie Analytics {www.google.com/ 
—^ analytics/web/}. Cucchiamo su Crea un account. Se possediamo un 
account Googie, viene immediatamente creato l’account Analytics, altrimenti 
sarà sufficiente creare prima l'account Googie compilando tutti i dati richie¬ 
sti dalla procedura. 



jk Creiamo l’account 

2 Dalla scheda Amministrazione, cucchiamo su Nuovo Account Sce¬ 
gliamo di monitorare un Sito Web. Immettiamo il nome dell'account 
e il nome del sito, seguito dall’Indirizzo (Uri) della relativa homepage. Ad un 
account Googie, possiamo associare più account Analytics, ciascuno dei quali 
permette di monitorare diversi siti (o parti di essi). 



^ Accettiamo i termini 

3 Ancora nella pagina di creazione dell'account, sfogliamo le varie Impostazioni 
- ' proposte: la loro sottoscrizione ci consente di ottenere pKi dati e di sfruttare I 
servizi pubblicitari connessi. Prima di proseguire, ci viene chiesto di prendere visione e 
di accettare I termini oontrattuai di Analytics. Olcchiemo su Ottieni i'ÌDrS monitoraggio. 







«Él'fnvts'i m w mvf t*. 'MiM'ii 
«•t Wl’. ’aM» 



^ Codice di monitoraggio 

^ Neirarea di amministrazione del nostro account (ex. WordPress\NomeSiWi, 
cuccando sulla voce Codice (S monitoraggio, si apre una texttnx con un codi¬ 
ce che è necessario immettere in una pagina del sito per autorizzate il monitoraggio 
da parto di Analytics. E' una verifica del fatto che slamo gii amministratori della risorsa 



-k. Autorizzazione 

^ Possiamo aprire una pagina del blog e immettere il codice all’inter- 
—z no di un plugin o di un widget che consentano l'immissione di script, 
oppure sfruttando un plugin opportuno, nel caso usiamo un blog WorPress. 
Possiamo farlo manualmente se possiamo aprire le pagine con un editor HtmI. 


-k. Pronti per le statistiche 

0 Una volta che Analytics ha rilevato la presenza dello script contenente 
' il codice ID, inizia la sua attività di monitoraggio. Accedendo nell'area 
di amministrazione dell’account, cuccando sul nome del sito monitorato, pos¬ 
siamo accedere alle statistiche. 
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Scopri chi ti iegge, 
con Googie Anaiytics 

Vediamo nei dettagli come funziona e quali dati possiamo 
monitorare attraverso il servizio di statistiche di Googie 


CHI VISITA LE NOSTRE PAGINE? 
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a cucchiamo sul menu Rapporti del 
sito monltorato e, dall'area di sinistra, 
clicchiaino su Pubblico per accedere ai 
dati riguardanti I nostri visitatori. 

El cuccando su Panoramica, 
otteniamo una schermata che 
sintetizza su di un periodo di analisi, 
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tutti i dad di accesso. 

El II grafico dell'andamento delle 
visite fornisce un'ottima informazione 
sul successo riscosso dal sito. 

a La panoramica sintetizzati i dati 
relativi al numero di sessioni, di utenti. 


di pagine visualizzate, di pagine per 
sessione. 

O Possiamo vedere l'orìgine 
demografica del visitatori, con le 
percentuali per paese/lingua. 

Q Un diagramma a torta cl mostra 


anche il rapporto fra nuovi visitatori 
e utenti che tornano sul nostro sito, 
dato importante per comprendere 
la fidelizzazione al nostro blog e 
verificare se siamo In grado di attrarre 
nuovo pubblico. 
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Siti Web in pratica 



^ Che lingua paria? 

Anche se è probabile che cl rivolgiaitio pre¬ 
valentemente ad un'utenza italiana, se abbia¬ 
mo una sezione con una traduzione dei contenuti o, 
meglio, se scriviamo contenuti in inglese, cliccando su 
Dati demografici e quindi su Lingua, possiamo vede¬ 
re come sono distribuite le visite In base alia lingua 
dei nostri visitatori, dato interessante per comprendere 
se possiamo affrontare un discorso remunerativo circa 
l'intemazionalizzazione del sito. 



^ Quale dispositivo utilizza? 

^ Cliccando su iMito/tee scegliendo/^noraméa, 
otteniamo invece le percentuali analitiche delle 
visite per tpo di dispositivo (Desktop, tablet, smartpho¬ 
ne), per ciascuno dei quali vengono snocciolate diverse 
statistiche. Questa sezione è di fondamentale impor¬ 
tanza per comprendere da una parte che tipo di utenza 
raggiungiamo maggiormente, cercando di ottimizzare 
quindi il nostro sito per il tipo di dispositivo più usato. 
D’altra parte, d permette di capire se dobbiamo modi¬ 
ficare qualcosa per raggiungere altri utent... 



^ Come aniwi sul nostro Sito? 

"■ Di fondamentale importanza è II menu 
Acquisizione, nell'area di sinistra. Cliccando 
su Panoramica, infatti, possiamo vedere, in sinte¬ 
si, come gli utenti giungono sulle pagine del nostro 
sito, ovvero se arrivano da una ricerca sui motori di 
ricerca, se giungono direttamente attraverso il linK 
se arrivano dai social network, se arrivano da iink di 
rifermento al nostro sito (reterai). Vedendo i risultati, 
risulta abbastanza chiara l’importanza di una buona 
indicizzazione nei motori di ricerca. 



Da dove proviene? 

2 Cliccando sulla voce Località, possiamo 
—ottenere una suddivisione delle visite in 
base al Paese, alla città o alla regione del sotto¬ 
continente di provenienza degli utenti, tutto utile 
per comprendere il nostro potenziale mercato di 
interesse. 



^ ...e con Quale modellol 

R Scegliendo Dispositivi dell'area Mobi¬ 
le, Analytics suddivide le percentuali per 
modello di dispositivo. È interessante notare come 
le visite di iPhone ed iPaddi Apple siano raggrup¬ 
pate indipendentemente dai modello, mentre per 
i dispositivi Samsung più usati, siano differenziati 
persino per serie. Anche in questo caso, ie statisti¬ 
che sono esplose nei minimi particolari. 



^ Scendiamo nel dettaglio 

0 cuccando su Canali, otteniamo il dettaglio 
> delle visite per canale di approdo al nostro 
sito. Possiamo verificare anche nel dettaglio la sor¬ 
gente 0 il mezzo di provenienza, anche se non è 
difficile comprendere che, normalmente, si arriva 
tramite Google o Facebook... 



Vediamolo sulla maona! 

“i Passando dalla scheda Espiorazione ad 
-■ Overlay Mappa, possiamo visualizzare 
i nostri utenti su di una mappa. L'intensità della 
colorazione è proporzionale al numero di utenti. Le 
aree bianche sono quelle non raggiunte dal nostro 
sito in termini di visite. 



-k. I browser utilizza di più? 

0 Cliccando sulla voce Tecnologia e quindi Brow- 
—> ser e sistema, possiamo ottenere II numero di 
visite per tipo di browser utilizzato. Cliccando sulla voce 
Sistema operativo, la suddivisione viene ripartita In base 
al sistema operativo Impiegato dagli utenti. Possiamo 
ancora ottenere dati per risoluzione dello schemto, per 
numero di colori, per la versione di Flash util izzata. Sono 
tutti dati che d aiutano a comprendere chi sono i nostri 
utenti e come possiamo fare per meglio aiutarli a navi¬ 
gare le nostre pagine. 



siamo analizzare nel dettaglio II comportamento 
degli utenti. Cliccando su Panoramica, ad esem¬ 
plo, possiamo analizzare le pagine più visitate, 
quale percorso prediligono gli utenti, ovvero che 
tipo di visita compiono, se finiscono in pagine inat¬ 
tese, le ricerche eseguite all’Interno del sito, quan¬ 
to tempo pennangono in media su di una pagina 
e tutti i dati che riguardano il flusso delle visite. 


Speciali Win Magazine 49 

































C** Siti Web in pratica 


I Web Marketing | SeoconTwittereFacebook | 


L’effetto Seo di 
IWitter e Facebook 

Bing e Google confermano che i link condivisi sulle due 
piattaforme influiscono sul ranking: i social network 
migliorano le performance di un sito 


N el dicembre scorso, Danny Sulli- 
van ha pubblicato un artìcolo de¬ 
stinato a scuotere a lungo l'in¬ 
dustria del search marketing. Il fondato¬ 
re dì SearchEngineLand.com ha provato 
a chiarire, una volta per tutte, l'influen¬ 
za dei link in uscita dai social network 
sul ranking delle pagine Web (searchen 
gineland.com/what-social-si 
gnals-do-google-bing-really-count-55389). 
Come vengono interpretati dai search engine 
i segnali provenienti dai social media? L'ar¬ 
ticolo riportava una serie di domande che lo 
stesso Sullivan ha posto direttamente a Bing e 
a Google, con le relative risposte. Questa spe¬ 
cie di 'intervista doppia' ha segnato, dunque, 
un punto di svolta sulle speculazioni che da 
diverso tempo i Seo andavano formuiando 
sul fenomeno “social media”: l'autorevolez¬ 
za del contesto e la perentorietà delle rispo¬ 
ste non lasciano adito a dubbi: 


a) i link pubblicati sui social network 



■ Danny Sullivan, uno dai più noti sao-Uoggars 
statunitensi 


contribuiscono a influenzare il posi¬ 
zionamento organico dei documenti 
pubblicati Online e i motori di ricerca 
stanno lavorando ad algoritmi orientati 
a utilizzare questo genere di dati; 

b) i social network possono essere utiliz¬ 
zati per migliorare le performance di 
un sito Internet; 

c) i link pubblicati su Facebook e su TWit- 
ter possono efficacemente portare il 
loro contributo nelle tradizionali cam¬ 
pagne di link building. 

Social Signais 
e Unk Building 2.0 

Aziende, portali e redazioni oniine di tutta 
Italia stanno sbarcando da mesi su Twitter 
e Facebook, mentre l'allestimento di profili 
sociali sta diventando uno dei servizi stan¬ 
dard per chi realizza o promuove siti. 1 pio¬ 
nieri del social media marketing avevano 
ragione, dunque. Ma non occorre mettersi 
alla ricerca di migliaia di follower o fan con 
l'idea di posizionare il nostro sito su Goo¬ 
gle, come se tutto fosse legato al brutale da¬ 
to quantitativo del numero di contatti che 
riusciamo a racimolare, sembra avvertire 
Matt Cutts nel video pubblicato a distanza 
di due settimane dal post di Sullivan (ht- 
tp://www.youtube.com/watch?v=ofhw 
PC-5Ub4 ). Se, infatti, sul piano quanti¬ 
tativo l'incidenza dei ‘social signais' sulle 
metriche tradizionali è senza dubbio rile¬ 
vante - e i Seo che lavorano effettivamente 
nel settore se n'erano accorti già da parec¬ 
chio - è anche vero che i motori di ricerca 
hanno sviluppato diversi algoritmi volti 
a contrastare lo spam; rispetto agli anni 
90, dunque, il discorso è più complesso 
di quel che potrebbe sembrare a prima 
vista. Oltre al dato quantitativo, i motori 
di ricerca hanno affinato algoritmi capa¬ 
ci di valutare anche il profilo qualitativo 
del linking, tanto in entrata che in uscita. 


Ecco perché il parere dell'ingegnere-capo 
del team antispam di Google è interes¬ 
sante per comprendere veramente il peso 
dell'articolo di Sullivan citato all'inizio. 
Perché occorre mettere in luce quella zona 
di confine che, anche sui social, divide la 
legittima promozione dallo spam. 

Attributo Nofollow 
e Pagerank 

Interpretare il funzionamento dei social 
signais significa rimettere in discussione 
il noto attributo nofoilow utilizzato comu¬ 
nemente per filtrare i link in uscita. Il no¬ 
follow è, infatti, un attributo non standard 
per i link che è stato letteralmente inven¬ 
tato da Google, e poi adottato anche dagli 
altri search engine, con lo scopo di preser¬ 
vare i propri indici dagli effetti dello spam¬ 
ming e, allo stesso tempo, dare agli svilup¬ 
patori e ai Web designer un semplice fil¬ 
tro, capace di tutelare siti e blog dail'ope- 
ra degli spambot. Naturalmente, tutti gli 
sviluppatori dì piattaforme sociali han¬ 
no adottato l'attributo nofollow sui link 
in uscita. Ecco, però, il paradosso che ha 
generato l'inversione del problema: i mo¬ 
tori di ricerca oggi fanno a gara per utì- 

LINK DI QUALITÀ 

Il TrustRank è un algoritmo implementato 
all'Interno del parametri di indexing dei 
motori di ricerca; rispetto al più noto Page- 
Rank di Google, che analizza il numero dei 
link in ingresso su uno specifico documento. 

Il trustrank valuta qualitativamente I link in 
uscita da un determinato dominio. Introduce 
inoltre lldea dell'esistenza di alcune'pagine- 
seme’ in grado di funzionare come centri di 
diffusione del 'trust'- se valutato in positivo, 
del 'distrust' se applicato al negativo delle 
pagine spam, dei domini bannati dagli indici. 
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■ Uke e commenti sono le Interazioni che aggiungono valore allo stream di una 
pagina-fan su Facebook 



NetworkedBlogs, la più nota applicazione gratuita per importare un feed su 
una pagina-fan di Facebook 


lizzare i dati raccolti dai social network, 
anche perché questi rappresentano de¬ 
gli enormi contenitori capaci raccoglie¬ 
re e indicare milioni di nuovi documenti 
Web ogni giorno, praticamente in tempo 
reale rispetto alla loro effettiva pubblica¬ 
zione. La mole di dati (e di link) raccolti 
dai social ogni giorno non può essere del 
tutto ignorata dai Search engine, anche a 
dispetto di un meccanismo di autotutela 
che rende sterili quei link in uscita. Ma cd- 
lora come è possibile che dei link filtrati 
siano in grado di influire concretamente 
sul posizionamento organico delle pagi¬ 
ne internet linkate? Insomma, come fanno 
Google e Bing a valutare qualitativamente 
i link in uscita dai profili dei vari social? La 
risposta ufficiale data da entrambi i moto¬ 
ri è che questo dipende dalla fiducia che 
i loro algoritmi decidono di attribuire a 
un determinato profilo, secondo i filtri pre¬ 
posti all’analisi qualitativa dei profili stessi. 

Il 'll'ustrank 

La logica che potrebbe governare i pro¬ 
cessi di valutazione dei profili social non 
dovrebbe essere molto diversa da quella 
sottesa all’idea di "trustrank", termine en¬ 
trato nel vocabolario Seo ormai da diversi 
anni. L’algoritmo del TrustRank suppone 
che se un sito propone sempre risorse af¬ 
fidabili e linka solo contenuti di qualità, 
può legittimamente meritare la fiducia 
da parte dei Search engine e può, quindi, 
aspettarsi di essere valutato come fonte 
più o meno autorevole nel suo settore. Ma 
è vero anche il contrario, vale a dire che se 
un sito linka risorse di dubbia reputazione 
finisce prima o poi per perdere il proprio 
credito presso i Se. Il SocialRank, ipotizza¬ 
to da Sullivan e confermato parzialmente 
dalle risposte di Bing e Google, utilizza 
una logica probabilmente molto simile per 


stabilire l’autorevolezza dei diversi profili 
allestiti sui social. 

Facebook e IWitter 
come muoversi? 

Queste due piattaforme condividono due 
fondamentali caratteristiche: uniscono 
una frequenza di publishing impressio¬ 
nante, alimentata da milioni di utenti attivi 
ogni giorno, con il crawling permanente 
esercitato sulle loro risorse da parte degli 
spider dei motori di ricerca. Stando alle 
dichiarazioni ufficiali, esiste un algoritmo 
che attribuisce valore (nonostante il no- 
follow) ai link in uscita dai profili TWitter 
ritenuti ‘autorevoli’, tanto per quel che 
riguarda il motore targato Microsoft che 
per quel che concerne Google. Per Face¬ 
book dovrebbero esserci alcune differen¬ 
ze, invece. Bing afferma di integrare nei 
suoi meccanismi l’analisi effettuata su 
tutti i contenuti resi pubblici su Facebook. 
com, siano essi prodotti da profili per¬ 
sonali, pagine-fan o gruppi, a patto che 
siano naturalmente rilasciati in regime 
di pubblica consultazione. D’altra parte 
Bing ha escluso resistenza di qualcosa di 
simile alla valutazione del ‘trust’ sui profili 
o sulle pagine-fan attivate su Facebook. Da 
parte sua, Google ha invece dichiarato di 
prendere in considerazione unicamente i 
link pubblicati sulle pagine-fan, ritenendo 
quegli spazi le vetrine ufficiali attraverso 
cui promuovere i contenuti di un’azienda 
o di un sito Web su Facebook. In questo 
caso Google ha invece dichiarato di appli¬ 
care per le pagine-fan dei meccanismi di 
valutazione del ‘trust’ molto simili a quelli 
concepiti per i profili Twitter. 

Come aumentare 
la propria visibilità 

Un sito aziendale o un blog professionale 


può quindi utilizzare la pagina-fan su Fa¬ 
cebook e il profilo su Twitter per segnalare 
ai motori di ricerca i nuovi contenuti pub¬ 
blicati, sfruttando le potenzialità del real- 
time per garantire una rapida ed efficiente 
indicizzazione dei vari documenti. Allo 
stesso tempo, un profilo particolarmente 
curato su uno di questi social può diventtue 
sufficientemente potente da influire sul 
ranking generale del sito linkato. 

Costruire profili autorevoli 

Occorre smentire alcuni pregiudizi ab¬ 
bastanza diffusi in merito alla costru¬ 
zione di solidi profili sui social. Tanto 
per cominciare, avere molti fan/follo- 
wer potrebbe essere certamente un buon 
parametro di valutazione, ma di per sè 
il mero dato quantitativo non assicura 
necessariamente l’attribuzione di fiducia 
che serve al nostro stream. Viceversa la 
qualità delie risorse linkate connota nei 
fatti la qualità del profilo. Gestire uno 
stream di qualità non significa evitare di 
pubblicare link ai propri siti o aggiornare 
il proprio status sporadicamente: direi 
anzi che le metriche adatte ai profili so¬ 
cial siano decisamente orientate a ritmi 
di publishing abbastanza intensi e, d’altra 
parte, si è evidenziato come sia interesse 
degli stessi Se quello di sfruttare i link 
pubblicati sui social per raggiungere e 
archiviare - praticamente in tempo rea¬ 
le - le nuove pagine web rese disponibili 
Online. Nella creazione di profili in trust 
è molto più rilevante la partecipazione 
e il coinvolgimento dei fan/follower in 
seguito ai vari aggiornamenti di status, 
piuttosto: contano e conteranno sem¬ 
pre di più i ‘like’ raccolti su Facebook 
e i retweets e le mentions incassate su 
Twitter, insomma, in un contesto in cui 
quello che conta davvero sono le reazio- 
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I TwinerFeedxom è la più nota applicazione per automatizzare II posting di un feed su Twitter 


ni dei nostri contatti, più che il valore 
assoluto della nostra audience. 

Sì al newsmastering, 
no allo spam 

Proporre in estratto il feed di un sito sulla 
pagina-fan ufficiale è, quindi, pratica op¬ 
portuna, mentre è del lutto inutile ‘spam- 
mare’ la propria pagina a tutti i contatti che 
si possono effettivamente raggiungere su 
Facebook. Molto meglio guadagnarsi l'in¬ 
terazione spontanea di un target realmente 
interessato alle attività del sito o dell'azien¬ 
da che si vuole promuovere. Commenti e 
apprezzamenti di un pubblico qualificato, 
ma circoscritto, valgono qualitativamente 
molto di più dell'approvazione nominale 
di un più ampio, ma indifferenziato e iner¬ 
te, pubblico di sostenitori, ottenuti sotto 
il ricatto di insistenti messaggi autopro¬ 
mozionali. Anche su Twitter è possibile 
proporre i link ai documenti pubblicati dal 
sito, e anche in questo caso i retweets e le 
risposte dei nostri contatti sono parametri 
decisamente più indicativi, sul piano qua¬ 
litativo, del loro valore numerico assoluto. 
Avere decine di migliaia di followers che 
non interagiscono con il nostro stream non 
rende il nostro profilo autorevole, mentre 
anche alcune centinaia di contatti realmen¬ 
te partecipi possono essere sufficienti per 
guadagnare la fiducia necessaria a qua¬ 
lificare positivamente un profilo Twitter. 
In generale sono ancora i contenuti quelli 
che fanno realmente la differenza tra un 
profilo autorevole ed uno spammoso. Oltre 
a riproporre le notizie pubblicate su sito è 
infatti opportuno movimentare i profili e 
le pagine-fan con aggiornamenti e notizie 
interessanti per il target di competenza, 
segnalando risorse di valore e partecipando 


alle discussioni che si sviluppano tra i con¬ 
tatti profilati. Una lungimirante politica di 
oculato newsmastering è insomma la stra¬ 
tegia migliore per sfruttare al meglio i social 
media: dimostrare di essere effettivamente 
una fonte autorevole ed aggiornata per un 
determinato settore o argomento paga mol¬ 
to di più, in termini generali, di qualsiasi 
trucchetto volto a gonfiare di contatti le 
pagine-fan o i profili Twitter. 

In conclusione 

Alla fine del 2010, Google e Bing han¬ 
no confermato l'esistenza di 'segnali' 
provenienti dai due principali social 
del momento, in grado di influire con¬ 
cretamente sul ranking dei siti all'in¬ 
terno dei loro indici. Nel corso del 2011 
gli addetti ai lavori che vogliono essere 


U TWITTER RATIO 

Allo scopo di valutare l'autorevolezza 
relativa di un profilo Twitter viene spes¬ 
so preso in considerazione II rapporto 
tra follower e following; effettivamente 
questa ratio è uno dei parametri utilizzati 
per valutare i vari ptrofill, anche se si tratta, 
generalmente, di un dato abbastanza 
sopravvalutato. Esistono, comunque, 
decine di applicazioni per monitorare 
e gestire I nostri contatti su Twitter, co¬ 
me, ad esempio, FriendOrFollow.com e 
JustUnfollow.com. 


aggiornati, devono interpretare le metri¬ 
che del social media marketing: al costo 
dell'allestimento e della manutenzione 
di alcuni profili sui social otterranno 
indubbi vantaggi sulle tempistiche dei 
processo di publishing/indicizzazione 
dei contenuti dei loro siti. Quelli che ri¬ 
usciranno a costruire dei canali parti¬ 
colarmente autorevoli e attivi potranno 
giovarsi di un travaso di trust - vale a dire 
di fiducia - a beneficio del proprio sito, 
ottenendo riscontri tangibili anche nei 
risultati organici per le ricerche eseguite 
sui principali motori di ricerca. 

Sarà sempre più diffìcile rinunciare alla 
presenza su Twitter e su Facebook, in¬ 
somma. Ed è probabile che nel corso del 
2011 anche le aziende più reticenti si ve¬ 
dranno costrette ad affacciarsi sui grandi 
network, per integrare la loro presenza 
Online con questi formidabili strumenti 
dì comunicazione. 



Il canal* YoiiTub* di GooglaWcbmastarHalp (youtubaxom/uscr/Googl* Wabmastarttslp), con I vidto di 
Matt Cutts, capo del team antispam di Google 
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C** Siti Web in pratica 


I Web Marketing | Google adSense e Ibs | 


Quando la pubblicHà 
rende davvero 

Con servìzi come adSense di Googie e Ibs trasformiamo 
ìi nostro sito o biog in una vera fonte di guadagno 


U n blog può anche diventare uno stru¬ 
mento per fare soldi. Già, ma come? 
La fonte principale di guadagni in 
Rete è la pubblicità. Esistono diversi modi 
di sfruttarla. Uno tra tutti è adSense di 
Google (ne abbiamo parlato anche nei 
primo volume). Come funziona? Sempli¬ 
ce: in cambio della cessione di spazi sul 
nostro sito o blog, adSense ci permette 
di guadagnare attraverso l’inserzione di 
messaggi pubblicitari (testi e immagini 
con link) che rimandano ad altri siti e 
servizi su Internet. 


Quanto si guadagna? 

Il compenso corrisposto da Google (assegno 
inviato direttamente a casa) dipende dal tipo e 
dalla qualità dei contenuti del sito, dal numero 
di visite singole e di pagine giornaliere visitate, 
da quello di clic effettuato sugli annunci pubbli¬ 
citari e da altri Ettori tenuti in considerazione 
dal motore di ricerca. È chiaro che un tal modo 
di guadagnare è legato alla ptopolarità dei no¬ 
stro sito; più visite, uguale più soldi! 

Esiste un modo di guadagnare che non sia lega¬ 
to esclusivamente al numero di visite? La rispo¬ 
sta è ancora sL Uno di questi è quello proposto 


da Internet Hook Shop (wwwJbs.it). Consiste 
nell'inserire, all'interno del nostro sito o blog, 
link che pubblicizzano prodotti (libri, Cd, Dvd, 
videogiochi, ecc.) da acquistare Online. Questo 
tipo di pubblicità si basa, quindi, su un discorso 
qualitativo piuttosto che sui heddi numeri. Più 
siamo in grado di incoraggiare i nostri utenti ad 
acquistare un bene, più jmssiamo guadagnare 
attraverso il sito. Se il nostro blog è una passione 
e vogliamo dedicarci a migliorarlo e sempre 
più interessante, con sistemi come adSense e 
Ibs possiamo, dunque, trasformare un hobby 
in una fonte di guadagno. 


M Registriamoci ad AdSense 

Sarà sufficiente disporre di un account su Blogger per fario direttamente e in pochi passi 
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^ Accediamo al servizio 

•| Dalla home page del nostro blog su 
— V Blogger (www.nome_del_blog.blog- 
spot.cont) forniamo I dati e cucchiamo su 
Entra. Sotto il titolo del blog, cucchiamo su 
Guadagna. Se non siamo utenti Blogger, pos¬ 
siamo registrarci su www.google.com/adsen- 
se, cuccando su Iscriviti adesso. 


^ Registriamoci 

2 Se proveniamo da Blogger, possiamo 
_ ^ decidere la disposizione degli annun¬ 
ci all'Interno degli spazi del blog e cliccare su 
Avanti. Giungiamo a una scheda da compilare 
con tutti nostri dati, poi spuntiamo le caselle rela¬ 
tive all’accettazione dei termini e delle condizio¬ 
ni contrattuali. Cucchiamo su Invia informazioni. 


^ Ora scegliamo! 

3 Creato l’account e perfezionato il con- 
tratto, una volta attivato da parte del 
team di Google, riceveremo istruzioni sulla 
e-mail inserita durante la registrazione. Negli 
spazi che abbiamo destinato ad adSense 
compariranno gli annunci pubblicitari di Goo¬ 
gle attinenti ai contenuti del nostro blog. 
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I Googie adSense e Ibs | Web MArketing 


Siti Web in pratica 


COME r QUANTO SI VIENE PAGATI SU IBST 


Si riceve la commissione se il cliente arriva 
al catalogo cii Ibs Italia attraverso i linksul 
nostro sito, inserisce il titolo nel proprio 
carrello confermando l'ordine tramite ibs, 
non annulla l'ordine prima della spedizio¬ 
ne. Una volta entrato nel catalogo Ibs, la 
commissione viene riconosciuta su tutti 
i titoli acquistati durante la sessione e se 
non viene interrotta per più di 20 minuti, 
caso in cui la sessione è considerata chiu¬ 


sa. Ibs Italia ricortosce una commissione 
per ogni articolo venduto pari air8% sul 
prezzo di listino di tutti i prodotti (esclusi 
i videogiochi) venduti a prezzo pieno ai 
clienti; al 6% sul prezzo di listino di tutti 
I prodotti venduti con sconti e/o offerti 
a condizioni speciali (esclusi i videogio¬ 
chi); al S% sul prezzo netto di vendita dei 
videogiochi. L'Iva e le spese di spedizioni 
sono escluse dalle commissioni. 



m Partner di Internet BookShop 

Guadagnare con Ibs è molto semplice. Basta registrarsi e usare i collegamenti ai libri fomiti 
direttamente dalla libreria oniine. Vediamo come procedere. 
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^ Accettiamo i tennini 

•| : Per “associarci" a Ibs, dalla home page di www.ibs.it cucchiamo su 
—> Diventa nostro partner. Premiamo, poi. Il link relativo all'accordo, che 
dovremo stampare, controfirmare e rispedire via fax a Ibs. Premiamo il link per 
accettare condizioni e termini del contratto e proseguire nella registrazione. 

i Iniziamo a 
3 guadagnare 

stampato, con¬ 
trofirmato e rispedito 
l’accordo, verremo avvi¬ 
sati da Ibs sull’attivazio¬ 
ne del nostro account. 
Da quel momento 
potremo inserire i link 
appositamente prepa¬ 
rati dal loro team nelle 
recensioni e nei com¬ 
menti del nostro blog, 
ricevendo una provvi¬ 
gione per ogni acquisto 
perfezionato. 


^ Compiliamo la scheda 

2 j Nella scheda di registrazione forniamo I dati necessari a formalizzare il 
.— contratto. Clicchiamo su Aprì un nuovo conto. Nella pagina successiva, 
verifichiamo I dati e cucchiamo su Continua. La pagina seguente conferma la 
nostra richiesta. Riceviamo un’e-mail che ci ricorda di rispedire II contratto. 

•iBBLiGHI FISCALI 

Possiamo registrarci su AdSense come persona fisica ogiuridica (società 
o ente). Percependo compensi da Googie, se questi superano il limite 
minimo previsto dalla legge, slanno tenuti a dichiarali. Meglio chiedere 
aiuto a un commercialista per evitare di vanificare i guadagni con il 
pagamento di tasse elevate. Lo stesso discorso vale per Ibs! 
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Siti Web in pratica 


I Web Marketing | Le affiliazioni | 


Guadagnare con 
le affiliazioni oniine 

Questi programmi consentono di far soidi a chi gestisce un progetto 
di comunicazione Web. Ecco cosa sono e come funzionano 


T ra i sistemi per guadagnare con 
Internet, uno dei più noti e con¬ 
solidati consiste nei cosiddetti 
programmi di affiliazione. Spiegati in 
termini essenziali, i programmi di affi¬ 
liazione consentono, a chi vi partecipa, 
di poter pubblicare sul proprio sito, blog 
o progetto Web comunicazioni legate alla 
vendita di prodotti o servizi. 1 prodotti 
e i servizi reclamizzati sono forniti da 
distributori specializzati - che in inglese 
sono chiamati merchant, ovvero mer¬ 
canti - e, attraverso un apposito codice 
Html fornito da chi gestisce i programmi 
di affiliazione, sono pubblicizzati sulle 
pagine Web degli affiliati, a volte definiti 
come editori. 

A seconda dei diversi modelli di affilia¬ 
zione previsti, in base al numero di clic 
o di visualizzazioni degli annunci, al 
tempo trascorso sulle pagine di vendita 
dei prodotti o a seconda del numero di 
acquisti generati da un clic effettuato in 
origine sul nostro sito (in gergo chiamati 
"lead") o degli utenti dei quali si raccol¬ 
gono dati, il fornitore del programma 
di affiliazione riconosce all'affiliato, 
cioè a chi ospita le comunicazioni sul 
proprio sito e ha attivato un account di 
partecipazione, una somma di denaro. 
Per quanto riguarda i pagamenti, chi ge¬ 
stisce l'affiliazione può prevedere soglie 
minime superate le quali viene effettuato 
il saldo dei crediti raccolti o periodi pre¬ 
definiti, per esempio tre mesi, trascorsi i 
quali si effettuano i pagamenti. Anche le 
modalità di pagamento, versamento su 
conto Paypal, bonifico, assegno o altro 
ancora, sono molto variabili a seconda 
del circuito di affiliazione scelto. 

Se volessimo definire con un esempio 
il concetto dell'affiliazione, potremmo 
utilizzare la metafora del'edicola. L'edi¬ 
colante (cioè l’affiliato) colloca in una 
vetrina i giornali prodotti da un editore 


(il merchant) che sono poi gestiti da un 
distributore (il gestore del programma 
di affiliazione). Quando un lettore vede, 
entra a chiedere informazioni, acquista 
un giornale o lascia 1 dati per abbonarsi, 
all’edicolante che ha messo a disposizio¬ 
ne la propria vetrina viene corrisposta 
una percentuale dei guadagni. 

Cosa ci serve 

Cosa occorre fare, quindi, per poter 
entrare a far parte di un circuito di af¬ 
filiazione e cominciare a guadagnare 
qualche euro? Dal punto di vista tec¬ 
nico, non sono necessari grandi mezzi. 


Nonostante i contratti di affiiiazione siano 
lunghi e spesso si tenda a non leggerli tutti 
fino in fondo, occorre prestarvi molta atten¬ 
zione. Soprattutto per quanto riguarda le 
clausole economiche, che spiegano come 


Innanzi tutto, occorre poter disporre di 
una “vetrina" nella quale poter esporre 
i prodotti distribuiti nel circuito di affi¬ 
liazione. In questo caso, un blog o un sito 
personale sono sicuramente gli strumenti 
più rapidi da approntare. Utilizzando 
una piattaforma gratuita per blog come 
Wordpress o per portali come Joomla e 
investendo qualche decina di euro su uno 
spazio Web, potremo facilmente creare 
una presenza oniine e attirare visitatori, 
li secondo requisito è, appunto, quello di 
avere una vetrina in grado di attirare il 
maggior numero di persone possibile: più 
persone visualizzano le comunicazioni 


viene effettuato II conteggio dei crediti, 
quando saranno effettuati i pagamenti, se 
esistono eventuali soglie minime sotto le 
quali non si verrà retribuiti e quali situazioni 
possano impedire di ricevere pagamenti. 



ATTENZIONE ALLE CLAUSOLE 
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pubblicitarie dei prodotti lanciati nel circuito, 
maggiore è la probabilità di generare viste, clic 
e acquisti, quindi, di guadagnare. Dobbiamo, 
dunque, proporre contenuti che spingano grandi 
numeri di navigatori a frequentare il nostro sito. 
Terzo requisito, una volta realizzata una signifi¬ 
cativa presenza online, con un sito ben frequen¬ 
tato, è necessario scegliere uno o più circuiti di 
affiliazione, registrarsi, generare i codici Html 
di visualizzazione dei prodotti e servizi da recla¬ 
mizzare, e inserirli nelle nostre pagine. I codici 
Html generati dai sistemi automatici dei circuiti di 
affiliazione sono in grado, oltre che di far vedere 
gli annunci, anche di tracciare le visualizzazioni, 
i clic ed eventuali vendite di prodotti derivate 
dal nostro sito, di conseguenza di conteggiare i 
ricavi economici generati. Ultimo aspetto tecni¬ 
co da prendere in considerazione, il sistema di 
pagamento. In base ai contratti sottoscritti con i 
diversi circuiti di affiliazione, potremmo essere 
pagati sia con versamenti su conto corrente, sia 
attraverso sistemi di pagamento digitali come 
Paypal (meglio, quindi, attivare un account). 


(LVì;-IT^TOKEÈMI«-! 

Il nostro compito, come affiliati, è portare visitatori sul sito del merchant Quando un visi¬ 
tatore dicca su un link, il programma di affiliazione lo riconosce come provenire dal nostro 
sito e, se il visitatore acquista subito, d viene riconosciuta la commissione. Anche se non 
acquista nulla il visitatore è registrato (tramite Ip o cookie) come‘nostro* e lo sarà per un 
tempo successivo^ 3-6 mesi o anche un anno, che dipende dal programma di affiliazione. Qò 
significa che, anche se acquisterà qualcosa In seguito, noi avremmo la nostra commissione. 



ALCUNI DEI PIÙ NOTI SERVIZI DI AFFILIAZIONE DISPONIBILI IN ITALIA 

Il web è in continuo fermento ed è bene aggiornare verificare costantemente la presenza di offerte migliori e più adatte alle 
nostre esigenze. Qui riportiamo alcuni dei più noti e affidabili servizi disponibili attualmente. 



www-zanoxxom/it 

zanox. 

Zanox è uno dei network internazionali di affiliazione pubblicitaria più noti e diffusi. 1 servizi previsti sono 
numerosi (dalla pubblicità al comparativo sui prezzi di prodotti), cosi come si dimostrano di qualità i prodotti 
redamizzatì dai merchant. 


http://sprintrade.com 

Spintrade offre elementi pubblicitari da pubblicare sui nostri siti e prevede sistemi di accumulo di crediti in 
base a clic, registrazioni di potenziali compratori o vendite effettuate. Ottime le garanzie anche per chi vuole 
affiliarsi come merchant. 


www.publlcIdeesJt 


Publicidees si pone come luogo di incontro tra gli affiliati che vogliono pubblicare con il proprio sito e le 
aziende che intendono diversificare la propria strategia di vendita di prodotti online (inserzionisti). Ottime le 
referenze di aziende che hanno utilizzato questo drculto. 

netAFFILIATION 

www.netaffiliation.com 

Grande numero di campagne di affiliazione disponibili e qualità degli Inserzionisti: queste le due caratteristiche 
che fanno di Netaffiliatlon uno dei servizi di affiliazione per la vendita online più Interessanti disponibili in 

Italia. 

CLICKPOINT 

wwwxlickpolntcom 

Clickpoint è uno dei arcuiti di affiliazione più diversificati per quanto riguarda i canali di comunicazione digitali 
utilizzati: dall'e-mall al mobile advertising, sono numerose le frecce all'arco di clickpoint, sia per gli inserzionisti, 
sia per gli affiliati 

^buzzing 

. .‘.mio 

www.ebuzzlng.it 

Uno dei servizi di affiliazione più amati dai blogger, eBuzzing permette di integrare nel proprio sito video 
e box multimediali pubblicitari che riguardano campagne attive per qualche giorno. Nei caso di blog di 
successo, vengono commissionati articoli a pagamento. 
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Web facile 


Una guida passo passo per realizzare da zero il tuo sito 






fusiti Web in pratica 


Web Facile | Incomedia Website X5 


Realizza il tuo sito 
web in pochi passil 

Semplicità nella realizzazione e massima qualità del prodotto 
finito: è quanto ci garantisce Website X5 


G ià nel lontano 1997 Bill Gates nel suo 
libro La strada che porta a domani da¬ 
va una sua interpretazione al termine 
“pubblicare su internet" spiegando che "La 
facilità con la quale società e persone pos¬ 
sono pubblicare informazioni su Internet 
sta cambiando completamente il significato 
stesso del termine "pubblicare". Internet si sta 
affermando proprio perché offre uno spazio 
dove pubblicare contenuti". 

Anche se di molti anni fa queste parole sono 


molto attuali considerando che il numero 
di siti web dall’epoca è cresciuto in modo 
esponenziale anche grazie alla facilità, per¬ 
sino per un utente alle prime armi, di poter 
pubblicare il proprio sito web attraverso pochi 
semplici click. 

Forse è giunto il momento anche per noi di 
creare, personalizzare e pubblicare il nostro 
primo sito ritagliando il nostro spazio nel web. 
Vediamo come, attraverso l’utilizzo di Website 
X5, sia possibiie creare il nostro sito inter¬ 


net senza la necessità di avere conoscenze 
di programmazione ma, allo stesso tempo, 
garantendoci la possibilità di personalizzare 
al massimo Pagine, Menu, Social Network e 
immagini. Website X5 consente di lavorare 
in modo del tutto visuale permettendoci la 
scelta del nostro templare e, successivamente, 
trasformando automaticamente in html tutto 
il nostro lavoro e offrendoci la possibilità di 
pubblicare il sito direttamente online con un 
sempiice click. 


Qi- Installazione del software 

Già dai primi passi si intuisce i’estrema semplicità di questo ottimo tool: la procedura ci guida passo per passo 
ad una corretta e veloce installazione dei pacchetto. 



Avviamo Tinstallazione 

^ Awiamo l'Installazione del programma 
- scaricando l’esguibile dal nostro DVD. 
Scegliamo Italiano e premiamo OK. Nella scher¬ 
mata che appare successivamente premiamo 
Avanti. 


K «taci* UhwW 



Preferenze di installazione 

2 A questo punto selezioniamo Accetto e 
scegliamo Prefererr/e per scegliere il per¬ 
corso dove andare ad installare il software. Pro¬ 
seguiamo con Avanti fino a terminare l'instal¬ 
lazione. 
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Completamento 
3 dell’installazione 

■ Al termine selezioniamo l’icona del pro¬ 
gramma che verrà creata automaticamente sul 
desktop per iniziare subito a lavorare con Web¬ 
site X5. 
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IH Avviamo la creazione del sito 


La Struttura a schede rende molto semplice il lavoro e permette di tenere sotto controllo lo stato di avanzamento 
del progetto: un ottimo viatico per la pubblicazione di un sito perfetto in ogni sua parte 



^ Creiamo il nosUm nmnwi nrouetto su 

*1 Internet 

—^ Non appena aperto il programma Incomedia Website X5 ci tro¬ 
viamo di fronte alla schermata principale dove sono presenti tutte le 
funzioni principali del programma. Premiamo per prima cosa sul tasto 
Avvia in basso a destra per iniziare il nostro lavoro. 


-V Diamo un nome al progetto 

O In questa schermata possiamo scegliere se creare un nuovo pro¬ 
getto 0 modificare un progetto già iniziato e salvato sul nostro pc. 
Scegliamo Crea un nuovo progetto e inseriamo un nome. Proseguiamo 
scegiiendo Avanti. E completiamo la creazione del progetto compilando la 
schermata riportata in basso. 


TUTTO SOTTO CONTROLLO: BASTA UN'OCCHIATA! 

I valori da inserire in questa schermata sono molto importanti e rappresentano le infoimazioni che i motori di ricerca andranno 
a leggere per capire il contenuto del sito ed indicizzarlo al meglio. Nei prossimi passi vedremo nel dettaglio tutte le vod. 

a TITOLO DEL SITO 

Il titolo del sito rappresenta II nome della testata ed è 
quello che apparirà sul motori d ricerca nel momento In 
cui andremo a digitare II nome del nostro sito. Scegliamo 
un titolo breve (massimo 70 caratteri) ma che, allo stesso 
tempo, faccia capire II contenuta dei sito. 

a MITORE E INDIRIZZO DEL SITO WEB 
Qui Inseriamo il nostro nome e cognome mentre nel campo 
indirizzo URL del Sito Immettiamo l'indirizzo web che 
abbiamo scelto per la creazione del nostro sito web. 

El DESCRIZIONE Da SiTD 

La descrizione è di massimo 150 caratteri: deve spiegare 
brevemente il contenuto del sito e quali informazioni offre 
agli utenti. Ricordiamo che questo campo viene utilizzato da 
toogle per inserire la descrizione del nostro sito web sotto 
ai risultati di ricerca. 

a PAROll CMAVE 

In questo campo possiamo digitare un elenco di parole 
chiave separate da una virgola. Le parole scelte verranno 
poi Inserite automaticamente nel codice htmi della pagina 
come keywords della pagina, altra Informazione che 
utilizzano i motairì di ricerca per Indirizzare le visite sul 
nostro sito. 

B LINGUA E ICONA 

Scegliamo Italiano come Lingua del contenuti e scegliamo 
un'icona per II sito. L'Icona per II sito è una piccola 
immagine presente nella barra del browser all'apertura del 
nostro sito. Possiamo scegliere dal nostro pc un’Immagine 
di qualsiasi dimensione visto che il programma prowederà 
automaticamente a convertirla nel giusto formato con le 
dimensioni esatte. 

■3 INFORMAZIONI COMPIETATE 

A questo punto tutte le informazioni e parametri principali 
del sito sono configurab e possiamo procedere con la scelta 
della struttura e del modello grafico del nostro sito. 
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ITemplate e layout 


La velocizzazione della creazione di un sito passa per la disponibilità di template predefiniti perfettamente 
progettati e facilmente personalizzavili a seconda delle nostre specifiche esigenze 



^ Template e Menu 

•| In questa schermata sono presenti tutti I 
template offerti dal programma divisi per 
categoria e per tipologia di menu orizzontale o 
verticale. Andremo a vedere successivamente 
come personalizzare poi il nostro modello. 


^ Scelta del tempiale 

^ Una volta che abbiamo scelto II nostro 
template, in base a grafica e tipo di menu, 
cucchiamoci sopra con il tasto sinistro del mouse 
e premiamo II tasto Avanti posto in basso. 


^ Intestazipne site 

3 Ora è necessario aggiungere II nome del 
nostro sito sull'Intestazione della pagina, 
cucchiamo sulla lettera “A"posta in alto sulla 
barra degli strumenti. Apparirà la scritta “Il Mio 
S/to’sulla nostra intestazione. 



^ Perspnaiizzazicne 

^ cuccando sulla scritta e trascinando con 
—^ il tasto sinistro del mouse è possibile 
modificare la posizione. Ora all'Interno del cam¬ 
po Ckintenuto scriviamo il nome del nostro sito, 
magari accompagnato anche dallo slogan che 
richiama II nostro marchio. 


^ Fptrt e colpre 

g Dal menu a tendina Tipo di fianf scegliamo 
^ il carattere che più si addice alla nostra scrit¬ 
ta. Inoltre tramite i menu a tendina Colore Testo e 
Colore Sfondo possiamo scegliere rispettivamente 
Il colore della nostra scritta e, eventualmente, uno 
sfondo diverso da quello trasparente. 


^ Ofnbre 

g Applichiamo alla nostra scritta uno degli effetti 
proposti nel menu TipodleMIo. Nel nostro 
caso abbiamo scelte (Mira nia possiarTio sbizzanirci. 
scegliendo altri effetti e personalizzandoli cambiando 
Il valore della diffusione, distanza o, nel caso dell'ap- 
pllcazione di un bordo, del colore e dello spessore. 



^ AoajunQiamp anche il Piè di 
7 pagina 

_ ■ Dopo aver apportato tutte le modifiche 
necessarie alla nostra intestazione cucchiamo in 
alto a destra sul tab Piè di pagina per andare a 
modificare II footer del nostro sito web. 



^ Aanlunalamo le nostre vod 

g Come per l’intestazione cucchiamo nuo- 
_=/ vomente sulla lettera A per procedere con 
l'inserimento del testo e andiamo a inserire tutte 
le informazioni che riteniamo più opportune, tra¬ 
scinando i quadratini bianchi con il tasto sinistro 
del mouse per modificare la dimensione. 



^ , Infomiazloni Piè di pagina 

3 Generalmente, nel footer sono presenti 
tutte le Informazioni generali sulla società 
0 , più semplicemente, sui contatti per comuni¬ 
care con l'autore del sito. Una volta inseriti tutti i 
campi procediamo con II nostro lavoro premendo 
sul tasto Avanti. 
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Q) Creare e personalizzare le pagine 

Definiamo passo per passo la struttura e i contenuti delle pagine che compongono il sito: è il momento 
in cui ii nostro progetto prende forma. 



^ Mappa del sito 

È arrivato II momento di creare e personalizzare la Mappa con le rela- 
—/ live pagine del nostro sito. Decidiamo, In base alla struttura del nostro 
sito, quante pagine creare e cucchiamo sul tasto Nuova Pagina fino a rag¬ 
giungere il numero di pagine desiderate. 


^ Marno un nome alle nostre panine 

2 Rinominiamo le nostre pagine e relative voci del menu. Cucchia¬ 
mo con II tasto destro del mouse sulla pagina, cucchiamo Rinomi¬ 
na e modifichiamo il nome della pagina. Ripetiamo l'operazione per tutte 
le pagine. 



-k. Personalizziamo le panine 

3 Ora definiamo la parte più importante del nostro sito: i contenuti. Fac- 
— ■ clamo doppio click sulla nostra Homepage, si aprirà una nuova finestra 
con la nostra pagina sulla sinistra divisa In quattro aree mentre, sulla destra, 
tutti gli oggetti che è possibile Integrare. 



^ Immaoini e contenuti 

^ Nella nostra Home Page, ad esempio, abbiamo delimitato un'area 
alla quale sarà destinata un'immagine mentre, in basso, l'ogget¬ 
to Testo che andremo poi a personalizzare con una frase introduttiva al 
nostro sito. 


^ Inseriamo dii onoetB nelle pagine 

4 A questo punto, semplicemente trascinando un elemento presen- 
—^ te sulla destra nell'area desiderata della pagina a sinistra possia¬ 
mo iniziare a delimitare le aree della nostra pagina In base al contenuti 
previsti. 



^ Inseriamo rimmaalne 

0 ' Facciamo doppio click sull'oggetto immagine inserito nella nostra pagi- 
—/ na per personalizzare l'immagine da inserire. Possiamo decidere se 
caricare la nostra immagine dal nostro pc o da internet fornendo il link dell'im- 
magine stessa. Nel nostro caso abbiamo scelto l'immagine dal nostro PC. 
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Personalizziamo rimmaaine 

y Premendo II tasto Modifica posto sotto 
ìm/ all'Immagine appena caricata II program¬ 
ma ci offre la possibilità di modificare la posizione 
ed eventualmente ruotare l’Immagine e, se voglia¬ 
mo, applicare del filtri alla nostra immagine dal 
Bilanciamento dei colorì fino all'effetto Seppia o 
Masa/co.Terminate le nostre modifiche, premia¬ 
mo su OK. 



Immissione del testo nella 
8 pagina 

Facciamo doppio click con II tasto destro 
del mouse sulla parte relativa all'oggetto Testo. SI 
aprirà un semplice editor di testo dove andremo 
ad inserire la nostra scritta modificando opportu¬ 
namente dimensione e colore del testo. Una volta 
terminato con rinserimento del testo proseguiamo 
premendo OK. 



^ Anteorima del lavoro. 

0 ■ A questo punto la nostra Home Page è ter- 
minata ed è tempo di controllare l'antepri¬ 
ma del nostro lavoro. Cucchiamo sul tasto Ante¬ 
prima In alto. SI aprirà una finestra del nostro 
browser con l'anteprima del nostro sito con tutte 
le modifiche effettuate fino ad ora. Se siamo sod¬ 
disfatti del risultato è il momento di proseguire con 
le altre pagine del nostro sito! 



aANTEPfllMA 

MAPPA 

Qui è possibile vedere 
l'aot^lma di tutte le 
modifiche che andiamo a 
effettuare. 


Q INDIRIZZO 

Inseriamo qui II nostro 
Indirizzo nel formato Via, 
Numero civico, Città e 
visualizziamo l’anteprima 
direttamente sulla mappa. 


El FATTORE 
ZOOM 

Modifichiamo questo 
valore per cambiare lo 
zoom della nostra mappa 
e avere, o meno, uno 


sguardo d'insieme sulla 
località 0 zona della città. 

aUNGUA 

È possibile modificare 
la lingua nel caso In cui 


volessimo realizzare un 
sito In un'altra lingua. 

In questo caso anche le 
Informazioni sulla mappa 
saranno rappresentate 
nella lingua scelta. 


a DIMENSIONI 
Modifichiamo Altezza e 
Larghezza per avere una 
mappa adattata agli spazi 
e alle dimensioni della 
nostaa pagina web. 
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m Implementiamo un Video 

i contenuti multimediali, oltre ad essere indispensabili in molti proggetti editoriali, possono rappresentare un ottimo 
veicolo per attrarre visitatori sulle nostre pagine: è importante non trascurare questo elemento! 



^ ImnlementazIoiiB contenuti mulBmedlaB 

Torniamo alla schermata con tutte le nostre pagine semplicemente 
cuccando il tasto Indietro. Selezioniamo la pagina Video e facciamo 
doppio click per iniziare a modificare la pagina. 



jk. Inseriamo un video 

3 Facciamo doppio click suH'oggetto video appena inserito all’interno 
> della nostra pagina per aprire la schermata dedicata all'inserimento 
del video. 



^ URL del Video 

g Andiamo su YouTube e localizziamo il video che intendiamo implemen- 
*- tare. Selezioniamo dalla barra degli indirizzi del nostro browser il link 
del video e copiamolo {Ctrl +C). 



^ Ogni onnetto al SUO posto 

2 Trasciniamo con il tasto sinistro del mouse l’oggetto Wdeo nella parte 
. —' alta della pagina mentre, nella parte sottostante, inseriamo l’oggetto 
testo in modo da andare ad inserire una piccola descrizione al nostro video. 



^ Molte possibilità 

^ Il programma ci offre la possibilità di scegliere un video dal nostro PC 
—/ 0 caricare un video già presente su YouTube. Scegliamo, nel nostro 
caso, di inserire un video magari precedentemente caricato sul nostro cana¬ 
le YouTube. 





Incolliamo il link 

0 : Torniamo al nostro programma e andiamo a incollare il link del video 
^ nel campo URL del Video YouTube. il software riconoscerà automati¬ 
camente il codice da incorporare senza la necessità di andare ad inserire il 
codice htmi nella pagina. 
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^ Personalizziamo T immagine 

; Premendo II tasto Modifica posto sotto 

_^ all'Immagine appena caricata II programma 

cl offre la possibilità di modificare la posizione ed 
eventualmente ruotare l'Immagine e, se vogliamo, 
applicare del filtri alla nostra Immagine dal Biian- 
dawento dei colorì fm all'effetto Seppia o Masai- 
co.Terminate le nostre modifiche, premiamo su OK. 



Avvio automatico 

g Possiamo anche scegliere se far partire o 
—^ meno II nostro video In automatico senza 
bisogno di premere II tasto Piay. Nel nostro caso 
decidiamo di far partire automaticamente II video 
visto che si tratta di una presentazione e selezio¬ 
niamo quindi II campo Avvia automaticamente. 



^ Risultato 

0 cucchiamo su OK per applicare tutte le 
nostre modifiche e, successivamente, 
sul tasto Anteprima per visualizzare un'ante¬ 
prima della nostra pagina. Se slamo soddisfatti 
del lavoro ottenuto, possiamo procedere con la 
pubblicazione del nostro progetto. 



ORL£LOCA1£ 

SU COMPUTER 
Da qui è possibile 
scegliere un video 
direttamente dai nostro 
pc e caricarlo sulla nostra 
pagina web. Il programma 
supporta tutti I formati 
video disponibili (.avi, 
.wmv, .mpeg4, eca) 


a RLE SU MTERNH 

Se abbiamo caricato 
il nostro video su un 
qualsiasi servizio 
di Storage Online, 
possiamo richiamarlo 
semplicsmente Inserendo 
il link al video stesso. Il 
programma prowederà 
automaticamente ad 


implementarlo nella 
nostra pagina. 

E1 URL Da VIDEO 
YOUTUBE 

È sufficiente incollare in 
questo campo I' uri del 
video di YouTube scelto 
per Inserirlo all'Interno del 
nostro progetto. 


O TESTO ALTERNATIVO 
Permette di inserire II 
testo che viene presentato 
in attemativa al video 
ss quest'ultimo non è 
disponibile. 

O DIMENSIONI 
a permette di scegliere 
le dimensioni del nostro 


video nel momento In 
cui verrà Inserito nella 
nostra pagina. Teniamo 
In considerazione che sia 
con l'inserimento di un 
video dal PC che con un 
video da YouTube sarà 
sempre possibile per 
l'utente visuaJizzare II 
video a schermo Intero. 


aBARRACONTROUl 

Cl permette di scegliere 
se far visualizzare o 
meno all'utente I controlli 
del video (Play. Stop, 
Visualizza a schermo 
Intero, ec&) 
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9 Pubblichiamo ii nostro sito 


Se non necessitiamo dì un dominio di primo livello (www.nomesito.it) possiamo utilizzare uno dei tanti hosting 
gratuiti per ottenere il nostro dominio di secondo livello in modo completamente gratuito. 



^ Nome del nostro sito 

Andiamo su httpV/it. altervlsta.org/ e, nella schermata Iniziale, Inseria- 
—* mo II nome del sito che desideriamo nell’apposito campo. Altervista ci 
comunicherà subito se è disponibile o meno. 


^ Iscrizione 

2 cucchiamo su Contìnua ed Inseriamo tutti i dati che cl vengono rlchle- 
. sti. Inseriamo un Indirizzo email che utilizziamo In modo da poter recu¬ 
perare i nostri dati in caso di smarrimento degli stessi. 



Ti abbiamo inviato una mail 






% altervista 


Login al pannano di oontrono 



Login via FTP 




^ Mail di verifica 

0 Riceveremo una mali di verifica aH’indirìzzo specificato con I dati 
— di accesso al nostro spazio [Username e Password). Sarà neces¬ 
sario cliccare sul link di verifica all'Interno della mali per confermare la 
registrazione. 



^ Apriamo Website X5 

^ Apriamo il programma Incomedia Website e selezioniamo il nostro 
progetto creato precedentemente. Premiamo Avanti. Si aprirà 
nuovamente la schermata principale del programma con la struttura 
del nostro sito. 


^ Looin via FTP 

^ Una volta cliccato sul link di verifica ricevuto via mail il nostro sito 
-- sarà attivo a tutti gli effetti e riceveremo una seconda mail con i dati 
necessari per accedere via RP al nostro spazio e caricare cosi I file relativi 
al nostro sito web. 



^ Esportazione 

0 ■ Spostiamoci nel Tab 5 - Esportazione e selezioniamo Esporta il sito su 
Internet Selezioniamo Avantieà accediamo alle Impostazioni relative 
all'esportazione del sito internet dove sarà necessario inserire tutte le infor¬ 
mazioni ricevute via mail da Altervista. 
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^, Impostazioni FTP 

y j Nel campo Indirizzo /TP Inseriamo il Server 
ricevuto via mali e I relativi campi Usema- 
mee Password. Selezioniamo Utilizza FTP Passi¬ 
vo e, sotto alla voce Tipo di Caricamento, selezio¬ 
niamo Esporla tutti i file del sito internet 



^ Via alla pubblicazione 

0 Cllahlamo su Avanti e successivamente su 
Avvia. Inizierà II caricamento dei nostri file 
sullo spazio web. Attendiamo che II programma ci 
confermi l’awenuto completamento con la scritta 
Esportazione completata. 



^ Navighiamo con il nostro 
g Browser 

Apriamo il nostro browser e digitiamo l'in¬ 
dirizzo del nostro sito web www.webco.altervista. 
org. Si aprirà il nostro sito web pronto per essere 
visitato da qualsiasi utente! 



a INDIRIZZO FT? 

Ogni servizio di hosting 
d offre uno spazio web 
dove è possibile accedere 
bamlte protocollo FTP 
(File Transfer ProtocoO. 
Inseriamo in questo 
campo Tindirizzo FTP 
fornito dal nostro hosting. 


DUSERNAME 
E PASSWORD 
Per accedere al nostro 
spazio è necessario 
disporre di un nome 
utente e una passvirord 
tomib dai gestore di 
hosting scelto al momento 
della registrazione 


E1T1PO 
DI CARICAMENTO 

Scegliamo se esportare 
tutti i file del nostro sito 
internet o, in caso di 
modifiche successive al 
nostra progetto, caricare 
solo I file che sono 
stati modificati rispetto 


all'ultima esportazione. 

DCARTHIA 
DI DESTINAZIONE 

Lasciamo questo campo 
vuoto se intendiamo 
rendere II neutro 
sito raggiungibile 
semplicemente digitando 


l'indirizzo o, in caso 
contrarlo, scagliamo il 
nome di una cartella 
che conterrà II nostro 
sito web e che dovrà 
necessariamente essere 
digitata nella barra 
degli Indirizzi del nostro 
browser. 


a PORTA 

la porta utilizzata 
generalmente per le 
connessioni FTP è la porta 
21, porta sulla quale un 
server FTP rimane sempre 
In ascolto In attesa di 
connessioni. 
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Siti Web in pratica 


I Social Network 
e il tuo silo Wèb 

È il sacro graal del Web; chi ha un cospicuo seguito sui social 
può ragionevolmente pensare di vincere la battaglia del Web 


U n passo fondamentale per la creazione 
di un sito Web è sicuramente l'imple- 
mentazione dei social network. Negli 
ultimi anni molte sono le aziende che hanno 
puntato sui Social Network creando le re¬ 
lative pagine Facebook, Google+ eTWitter 
e consolidando un vero e proprio bacino 
di utenti che segue le aziende proprio sui 
Social Network. Tutti utilizziamo i social 
per condividere idee, immagini e link e le 
aziende utilizzano proprio questa strategia 
per diffondere i loro prodotti e idee. 


Google stesso, nel suo processo di indi¬ 
cizzazione di un sito Web, da sempre più 
importanza ai social network e ai contenuti 
condivisi sulle relative pagine. Un sito web 
attivo nel campo dei Social Network è si¬ 
curamente più indicizzato rispetto ad un 
portale senza nessun riferimento sui Social. 
Oramai non esiste sito web senza bottoni o 
pagine dedicate esclusivamente ai Social 
Network. Aggiungere una pagina dedicata 
con i relativi link alle pagine aiuta sicu¬ 
ramente a creare un contatto con i propri 


clienti o visitatori, contatto che sempre 
più spesso si trasforma in condivisione ed 
acquisizione di nuovi visitatori. 

Website X5 ci offre la possibilità di aggiun¬ 
gere con facilità al nostro sito web i riferi¬ 
menti alle nostre pagine Facebook e Goo- 
gle+ senza dover andare necessariamente 
a lavorare con il codice HTML. Inoltre il 
programma offre la possibilità, una volta 
aggiunto il link delle nostre pagine, di in¬ 
serire il pulsante Mi piace all'interno delle 
nostre pagine. 


SI Colleghiamo i Social Nebvork 

Impariamo a importare riferimenti e collegamenti ai principaii servizi social: sarà la benzina per 
accendere ii successo dei nostro sito sui Web! 



^ Paqjfiadei Sodai Network 

"1 Selezioniamo, nella schermata dove sono 
_ presenti tutte le nostre pagine, quella dedi¬ 
cata al social network e facciamo doppio click con 
il tasto sinistro del mouse per iniziare ad inserire 
i nostri oggetti. 



-k. Oggetti Sodai Network 

9 Selezioniamo l’oggetto relativo ai Social 
—^ Network e trasciniamolo con il tasto sinistro 
del mouse per due volte nella parte superiore del¬ 
la pagina in modo da avere due elementi distinti. 


^ Scegliamo il formato 

3 Nel menu a tendina Social Network possia- 
_mo scegliere il Riquadro 'Mi Piace’ o sem¬ 
plicemente l'inserimento del tasto 'Mi Piace'. Sce¬ 
gliamo Facebook - Riquadro 'MI Piace’. 
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^ Peramializzazioiie dei Social Nehworic 

4 Inseriamo nel campo URL Profilo II link della nostra pagina Facebook. 
—^ Dopo aver premuto Invio apparirà, sulla destra, l’anteprima del nostro 
riquadro dedicato a Facebook. 



^ Colore e Bordo 

g Scegliamo dal menu a tendina lo stile di colore che più si addice al 
nostro sito web tra Chiaro e Scuro mentre, dal menu a tendina Bordo, 
scegliamo il colore che desideriamo come bordo del nostro riquadro. Succes¬ 
sivamente cucchiamo su OK per confermare 




^ Gooqle+ 

0 A questo punto cucchiamo due volte sul secondo elemento dedicato ai 
social network per inserire anche Google-t- sul nostro sito. Dal menu a 
tendina Social Network cucchiamo su Google Plus - Badge. 





^ Colore 

0 Tramite II menu a tendina Colore è possibile modificare il la tonalità del 
—/ nostro riquadro scegliendo tra Chiaro e Scuro. Scegliamo quello che 
più si addice a) nostro sito tenendo anche conto del colore del nostro sfondo. 


^ URL profilo 

y Inseriamo nel campo URL profilo II link della nostra pagina Google+. 
—p* Verifichiamo che, dopo aver premuto invio, l'anteprima sulla destra 
cambi con il nome della nostra pagina. 



-kp Anteprima 

0 cucchiamo su OK e successivamente sul pulsante Anteprima per 
—- visualizzare il risultato ottenuto. Una pagina dedicata ai nostri Social 
Network con all’Interno informazioni e link a Facebook e Google+. 
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Siti Web in pratica 


Website Compact 9 
in esciusiva per te! 

Una eccezionale occasione per i lettori degli Speciali di Win 
Magazine per provare uno dei migliori software per il Web 


I ncomedia offre in esclusiva ai nostri 
lettori la possibilità di scaricare, previa 
una breve registrazione, la versione full 
di Website X5 Compact 9 fino al 01/10/2014. 
Come abbiamo visto, il programma è molto 
semplice da utilizzare e garantisce ottimi 
risultati per la realizzazione del nostro sito 
Web anche se siamo utenti alle prime armi. 
Questa versione ci offre la possibilità di 


poter scegliere tra numerosi Templare, 
tutti Uberamente utilizzabili e, inoltre, 
cl permette di inserire direttamente del 
codice HTML nelle nostre pagine ed effet¬ 
tuare modifiche più avanzate offrendoci, 
naturalmente, anche la possibilità di ag¬ 
giungere widget personalizzati e piccoli 
script utili a valorizzare i nostri contenuti. 
Vediamo passo passo come ottenere la 


versione completa di questo software e, 
successivamente, inserire del codice html 
direttamente in una delle nostre pagine e 
creare così un contenuto personalizzato. 
Per il nostro esempio abbiamo deciso di 
inserire nella nostra pagina un widget 
interattivo animato relativo al meteo of¬ 
ferto da uno dei servizi di meteo Online. 
Mettiamoci subito al lavoro. 


IO Registrazione e installazione 

I semplici passi per ottenere la chiave di attivazione valida per installare e provare WebSite X 5 
nella sua versione più completa. 



« di WebSite X5 Compect 9 


Benvenuti nel programma d 
instalazìone di WebSite X5 
Compact 9 

irt/ebSite X5 Con^idct 9 sarà nstallatD sui conwtei 

S cariti d chudere tutte le aooicazian. atirve or 
arocedere. 

Preme-e Avwtb per conànu^-e, o Arwb per uscn 


[ Avanti > 1 



^ In^llazione del pacchetto 
1 software 

—/ Lanciamo l’eseguibile fornito con II nostro 
supporto e avviamo l'installazione scegliendo lin¬ 
gua e cartella di destinazione. Una volta termi¬ 
nata l'installazione cucchiamo OK senza avviare 
l’applicazione. 


^ Registrazione 

2 Rechiamoci al link httpy/answers.websitex5. 
—<*' com/maga2ine/winmagcpl914 ed effettuiamo 
la registrazione inserendo i dati che d vengono richie¬ 
sti. Una volta terminata la registrazione d logghiamo 
nel sito web e, non appena entrati, ci verrà fornita la 
chiave per attivare la nostra copia gratuita dei prodotto. 


^ AtBìiazìone dei programma 

2 Avviamo il programma ed Inseriamo, 
— nella schermata di attivazione che ci 
apparirà davanti, l’indirizzo e-mail utilizza¬ 
to al momento della registrazione e la chiave 
fornita dal sito web. Confermiamo ed awiamo 
il programma. 
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Il HTML e Script nelle pagine Web 

Andiamo a definire gli ultimi dettagli per rendere più efficace e ricco il nostro sito: basteranno dei sempici copia&lncolla 
per estendere le funzionalità e rinferattività delle nostre pagine 



^ Selezione pagina 

*1 Nella sezione relativa alla creazione delle 
—J pagine del nostro sito web selezioniamo 
una pagina che abbiamo precedentemente rino¬ 
minato ‘Meteo Interattive/'. 



^ Oggetto HTML e Widoets 

2 Selezioniamo dal menu sulla destra l’og- 
— getto HTML e Widgets e lo trasciniamo al 
centro della nostra pagina in modo tale che vada 
a riservare io spazio di tutte e quattro le aree In cui 
è divisa la pagina. 



^ Inserimento HTML 

^ Per Iniziare immediatamente ad Inserire il 
nostro codice HTML facciamo doppio click 
sull’oggetto appena inserito. Si avvierà un semplice 
editor dove sarà possibile Inserire qualsiasi codice 
HTML 0 script. 



^ Widget meteo 

, Scegliamo uno dei tanti widget per il meteo 
offerti dal web. Per il nostro esempio abbia¬ 
mo deciso di optare per uno di quelli offerti su 
http://www.llmeteo.it/portale/servizl-web. Sceglia¬ 
mo uno dei widget, tipo il Flash Interattivo. 



^ Otteniamo il codice 

g Una volta scelto il widget che fa per noi dic- 
—J chiamo sul tasto Ottieni codice. SI aprirà 
una nuova finestra con all'Interno II codice da 
Inserire nella nostra pagina. Selezioniamolo tutto 
e copiamolo con CM+C. 



^ H Coilce nella nostra pagina 

0 ! A questo punto torniamo al nostro program- 
—^ ma. Incolliamo il codice copiato preceden¬ 
temente all'Interno dell'editor riservato all’HTML 
facendo attenzione che tutti gli apici e I tag siano 
stati copiati correttamente. 



Inserimento immagine in 

7 EIME 

- È possibile anche scrivere del codice HTML 
manualmente per inserire elementi alla pagina. Ad 
esempio andiamo ad aggiungere un'immagine uti¬ 
lizzando il codice <lmg src="ht^://www.slto.lt/ 
lmmaglne.jpg />. 


^ Attributi 

II codice htmi è ricco di attributi da poter 
applicare ai nostri elementi. Nel nostro 
caso, ad esempio, scegliamo di centrare la nostra 
immagine nella pagina con l'attributo <center> e 
di cambiare le dimensioni aggiungendo gli elemen¬ 
ti widthe heightaì codice. 


^ la nosira pagina è Pfonta! 

0 : cucchiamo sul tasto Anteprima per visua- 
lizzare tutte le modifiche effettuate alla 
nostra pagina in HTML. Grazie al codice HTML 
siamo stati In grado di Inserire un'Immagine, 
centrarla e adattare le dimensioni al nostro pro¬ 
getto. 


72 Win Magazine Speciali 

























































































fusiti Web in pratica 


Web Pro | Un sito touch chiavi in mano 


Un sito touch 
chiavi in mano 


Realizza la tua pagina personale con una grafica in stile Windows 8 
Guida passo passo, dominio e spazio web... te li regaliamo noi! 


L e abitudini sono cambiate: oggi si naviga 
sempre di più con lo smartphone e con i) 
tablet e le vecchie filosofìe di progettazio¬ 
ne sono inadeguate a soddisfare le esigenze di 
un’utenza tecnologicamente avanzata. I dispo¬ 
sitivi touch ci portano a sfogliare i contenuti in 
orizzontale, piuttosto che scorrere i siti dall'alto 
verso il basso. È lo stesso principio su cui si basa 
riimovativa interfaccia Modem UI di Windows 
8, ottimizzata proprio per il mondo touch. Per¬ 
tanto, anche chi realizza siti Web deve adeguarsi 
e orientarsi verso schemi di progettazione al 
passo coi tempi. E così, l’idea di un sito Web da 
scorrere da destra verso sinistra e viceversa, già 
proposta qualche anno fa con poco successo da 
alcuni Web designer in cerca di cambiamenti, 
sta prendendo sempre più piede. E se la tendenza 
diventerà moda, presto potremmo avere nuovi 
standard di progettazione Web. 

Le caratterìstìche 
di un sito moderno 

Anzituno, la navigazione in orizzontale facilita 
molto la fruibilità del sito. Chi è abituato a usare 
uno smartphone, la troverà più naturale e co¬ 
moda. 1 dispositivi mobili hanno dimensioni 
contenute; pertanto, caratteri piccoli, link te¬ 
stuali difficili da centrare con la punta del dito e 
menu scomodi da navigare senza il mouse sono 
assolutamente inadeguati alla navigazione. 
Dobbiamo dimenticare gli schemi tradizionab 
e puntare su soluzioni più vicine alla struttxu-a 
scelta da Windows 8: optiamo per siti formati 
da una sola pagina principale, con bottoni di 
grandi dimensioni (si parla più specificamente 
di “tile”) che p>ossano essere puntati facilmente 
con il dito o con il pennino, colori differenziati 
per individuare a colpo d’occhio quello che 
cerchiamo e contenuti visualizzati su finestre 
popup con caratteri ben leggibili. E, proprio 
per facilitare la lettura dei testi, evitiamo di 
scegliere font complessi, che spesso vengono 
renderìzzati male sui piccoli display: puntiamo, 
invece, su caratteri semplici, possibilmente di 
un solo tipo, cosi da non affaticare la vista e non 



creare confusio¬ 
ne. Infine, utilizziamo 
una grafica uniforme, anche per le 
immagini, evitando bruschi cambiamenti di 
stile. 

Il nostro tempiale già 
pronto all'uso 

Per semplificare la vita a tutti, abbiamo deciso 
di realizzare un modello di sito (in gergo "tem- 
plate”) già pronto che segue i criteri appena 
descritti. Stuà sufiiciente scaricarlo dal Win 
DVD e personalizzarlo in base alle proprie 
preferenze seguendo la nostra guida passo 
passo. Cambiando i titoli delle tile, eventual¬ 


mente i colori, e 
inserendo link e 
immagini il nuovo sito 
Web sarà bello e pronto. I 
più smaliziati, invece, potran¬ 
no apportare modifiche radicali per adattare 
il templare a esigenze più specifiche. E non 
finisce qui, perché offriamo anche lo spazio 
Web gratuito, con un nome di dominio e una 
comoda interfaccia per caricare velocemente 
tutti i file. 
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Siti Web in pratica 


3Prìme modifiche al tempiale 

Ecco la procedura per apportare alcuni semplici cambiamenti estetici agendo nel codice del nostro modello scopri 
come adattare l’aspetto graf ico del sito alle me esigenze 


I l sito che proponiamo è suddiviso in sezioni, ciascuna delle quali può 
contenere fino a9 tile. È possibile scegliere se utilizzare le tile quadrate 
(piccole) o quelle rettangolari (grandi), in qualsiasi combinazione, fino 
a riempire lo spazio disponibile. La struttura progettata prevede 4 sezioni 
di base, ma è possibile eleminame qualcuna o aggiungerne altre. Durante 
la navigazione potremo sempre usare il tasto a freccia per tornare airini- 
zio della pagina. Il sito è già funzionante, va soltanto personalizzato con 
i titoli alle tile e decidendo per ciascuna di esse l'operazione da eseguire 
(aprire un popup, puntare a un’URL esterna o visualizzare una galleria 
fotografica). Per modificare il tempiale, dobbiamo estrarre sul computer il 


file WebSite.zip, contenuto nel Win-DVD. Nella cartella WebSite troviamo 
i file e le cartelle che lo compongono: è importante non cancellare e non 
rinominare nulla; anche la struttura delle cartelle deve restare la stessa. 
Le pagine sulle quali agiremo sono: index.htm, nella cartella principale, e 
style.css, nella cartella css. Alcuni server, basati su Linux, distinguono tra 
maiuscole e minuscole. Pertanto, prestiamo attenzione quando scriviamo 
i nomi dei file all'interno del codice. Il sito usa CSS, HTML, JavaScript e 
il framework JQuery; il codice è stato testato con successo sulle versioni 
più recenti dei browser Chrome, Internet Explorer, Firefox e Opera; il sito 
viene visualizzato correttamente anche sul dispositivi touch. 



^ L’ambiente di lavoro 

■| ! Scarichiamo Notepad++ {http://notepad- 
—^ plus-plus.org): facciamo due voile ciic sui 
fìie .exe scaricato e seguiamo le istruzioni visualiz¬ 
zate sullo schermo. Terminata la procedura, lancia¬ 
mo l’applicativo e facciamo clic su Rie/Apri per aprire 
index.htiTi contenuto nella cartella principale di Web¬ 
Site; allo stesso modo, apriamo style.css che si trova 
nella cartella css. 



^ Un'icona per le file 

In alternativa al colore, possiamo aggiungere 
un'immagine di sfondo. In questo caso, can¬ 
celliamo //accanto a background-image e inseria¬ 
mo il nome del file deH’immagine che vogliamo usa¬ 
re. L'immagine in questione dovrà avere dimensioni 
200x200 póre/per le tile piccole e 420x200pixel per 
quelle grandi. Dovremo copiarla nella cartella images 
contenuta nella directory WebSite. 



^ Cambiamo nome alle tile 

2 I gruppi di tile sono Individuabili nel file index. 

. -* htm tramite l'etichetta <!- Sezione n ->. 
Ciascuna tile è definita da un codice del tipo <0/1/ 
class=‘'big_tile" ld="tìle_ 1 " ...xP class="tile_ 
tìile">TILE</P> </DN>. Per cambiare il titolo, sosti¬ 
tuiamo la parola 77/f con un altro testo a piacere, bre¬ 
ve ma esplicativo, che descrive la funzionalità asse¬ 
gnata allo specifico “pulsante* (ff/e). 



jk. Piccole 0 grandi? 

r Andiamo nella sezione <1- Tile -> del file 
Z ^ index.htm. Come possiamo notare, a ogni file 
è associata una classe, che può essere “small_tile“ 
0 “big_tìle", che potremo combinare a nostro piaci¬ 
mento. Ovviamente, per non alterare la struttura del 
sito, per questioni geometriche ciascuna riga non potrà 
avere più di tre tile piccole o una tile grande e una tile 
piccola. 



^ HHodHìchianione il cotore 

■ Dal codice del passo precedente, notiamo che 
nel tag </W ...> a ogni tile è assegnato un id, 
ad esempio «/= ”tile_ 1 ". Apriamo slyie.css, andiamo 
nella sezione Tile e cerchiamo #tile_1. Sostituiamo il 
nome in inglese del vecchio colore con quello nuovo, 
oppure inseriamo il codice esadecimale del colore, ad 
esempio #a022bc, ricavandolo tramite II sito www. 
colorpicker.com. 


Per cambiare sfondo al sito basta can¬ 
cellare il file originale background.Jpg 
e sostituirlo con uno degli altri, che ri¬ 
nomineremo sempre background.Jpg. 
Siccome lo sfondo è realizzato ripeten¬ 
do indefinitamente la stessa immagi¬ 
ne, per usare file diversi da quelli forni¬ 
ti consigliamo di cercare background 
seamless con Google Immagini. 
Se, invece, vogliamo togliere limmagine 
e sostituirla con un colore uniforme in¬ 
terveniamo sul file style.css: nella classe 
borfy cerchiamo la riga background-image: 
uH(".Jìmages/background.Jpg") e aggiun- 
giamo/Zalllnizio; quindi cambiamo il colo¬ 
re nella riga background-color inserendo 
quello che preferiamo. 
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ilCosa devono fare le file? 

Finora abbiamo visto come apportare le modifiche grafiche al sito. Adesso passiamo a quelle funzionali! 
Vediamo cosa può fare una tue e come modificarne il comportamento. 


L e ti ledei nostro sito sono state progettate per eseguire tre azioni: aprire 
un popup, ossia una iìnestra a scomparsa che visualizzerà contenuti 
Web di nostra realizzazione; puntare a un indirizzo esterno, aprendo 
una nuova finestra del browser; aprire una galleria fotografica, magari delle 
nostre immagini più belle. Per ogni popup dovremo definire i contenuti da 
visualizzare airintemo. Si tratta di normali pagine HTML che realizzabili 
con Notepad++. Per semplificare le cose abbiamo definito un modello da 
usare come base. Per creare una nuova pagina, copiamo il file contenutLhtm 
dalla cartella templates alla cartella principale del sito e rinominiamolo, ad 
esempio pagina_l.htm. Quindi apriamo il file con Notepad++ e inseriamo 


i nostri contenuti occupando lo spazio compreso <BODY> e </BODy>. 

galleria fotografica, invece, si adatta particolarmente bene ai dispositivi 
touch; possiamo scorrere le immagini spostando a destra e a sinistra il dito, 
come se stessimo sfogliando un libro. Ovviamente, tale funzione èoperativa 
anche da PC; in questo caso, dobbiamo simulare il comportamento del dito 
col mouse tenendo premuto il tasto sinistro. Nel codice sono state realizzate 
due diverse tipologie di file, riconoscibili dal loro id. Quando l’id è di tipo 
tile_numero_popup, allora la tile apre una popup o una gallery; se è di tipo 
tìle_numero_window, viene caricato un sito esterno. A seconda dell'id, 
infatti, viene richiamata una funzione javascript differente. 



^ Troviamo la file 

Supponendo di voler modificafe il comporta¬ 
mento della tlle tile_ 1, apriamo il file index, 
htm e spostiamoci nella sezione <.'- Azioni delle 
tile Cerchiamo il blocco <fW> relativo a tile_1. 
Se rid è tile_1_window, perché la tile è già usa¬ 
ta ma non come popup, correggiamolo in tiie_1_ 
popup. Accertiamoci anche che la classe del DIV sia 
ciass=‘'popup_contents". 



^ Aggiungiamo un popup 

*■ Cancelliamo la parte di codice tra <!- 
Inizio azione -> e <!- Fine azio¬ 
ne -> e inseriamo <IFRAME src=“file.htm‘‘ 
scrolling=“no" width=''100%" height=”100%" 
style="overflow:hidden"></IFRAME>, sostituendo 
tìkhtm con il nome del nostra file. Per contenuti sem¬ 
plici, possiamo evitare <IFRAME.. .></IFf1AME> e 
usare <P class="popup_text"> testo</P>. 



Prepariamo lo slideshow 

Per creare una galleria fotografica, invece, 
dobbiamo copiare le Immagini nella cartella 
slideshow. SI consiglia di utilizzare Immagini oppor¬ 
tunamente ridimensionate, ad esempio 800x600 
pixel. Quindi, copiamo nella cartella principale il file 
slideshowJemplate.htm dalla cartella templates e 
rinominiamolo. Ad esempio, possiamo chiamarlo sll- 
deshow_1.htm. 


^ Aggiungiamo le immagini 

5 Con Notepad-r-r apriamo il file slideshow_ 1. 
htm del nostro esempio. La struttura del 
file è semplice: dobbiamo soltanto sostituire nel¬ 
le diverse porzioni di codice del tipo <img src= 
"./slideshow/ image001.jpg"> i nomi fittizi dei file 
con quelli reali delle Immagini che abbiamo copiato 
nella cartella slideshow. Avremo, ad esempio, <lmg 
src="yslideshow/edel.Jpg">. 



^ Carichiamo un sito 

^ Se vogliamo che si apra una pagina esterna 
in una nuova finestra del browser, ripetiamo 
le stesse operazioni del passo 1, modificando però 
l’id della file in tile_1_wndow. Quindi cancelliamo la 
parte di codice compresa tra <!- Inizb azione -> 
e <!- Fine azione -> e sostituiamola con la URL 
da aprire, preceduta da http://. Ad esempio, http:// 
www.miaurl.lt. 



V La gaileria è pronta! 

c Torniamo a index.htm. Supponiamo che la tile 
da assegnare allo slideshow sia We_ 1. In <!- 
/tóon/delle tile -> cerchiamo II blocco </W> relativo 
a tile_1. Anche stavolta, come nel passo 1, dobbia¬ 
mo avere ld=tile_1jropup. Il DIV dm avere invece 
cl^s="popup_galleiy". Eseguiamo poi le operazio¬ 
ni del passo 2 inserendo slldeshow_ 1.htm ai posto 
di tìle.htm. 
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Siti Web io pratica 


aCambiare la struttura del sito 

Il tempiale che abbiamo realizzato ha una struttura che si presta ad essere personalizzata anche in modo 
radicale... Non è difficile, ma occorre un minimo di attenzione 


I ) tempiale ha 4 gruppi di tile. Si tratta di una confìgurazione esem¬ 
plificativa, che potremmo voler cambiare aumentando o riducendo 
i gruppi di tile oppure disponendoli diversamente. Intervenendo sul 
codice possiamo adattare il sito ad ogni nostra esigenza. Nel Ale index, 
htm i diversi gruppi sono realizzati tramite il codice sottostante l'eti¬ 
chetta <!—Sezione 1 ->, <!—Sezione 2 -> ecc. Per eUminare un gruppo 
di tile basta cancellare l'intero blocco di codice delia relativa sezione. 
Prima di farlo, annotiamo i nomi delle tile contenute nel gruppo (ad 
esempio tile_l, tile_2...). Andiamo quindi nella sezione <!- Finestre 
popup -> e cancelliamo anche le sezioni <DIV> identificate dagli stessi 
numeri di tile: <DIV class=''popup_contents'’ id="tile_l_popup''>... </ 


DrV>... Quindi, in style.css cerchiamo la sezione /* TILE */ e cancellia¬ 
mo i riferimenti alle tile rimosse. Se omettiamo gli ultimi due passi, il 
sito continuerà a funzionare, ma conterrà codice inutile all'interno. 
La stessa procedura va eseguita anche se cancelliamo singole tile e 
non un intero gruppo. Ricordiamo, infine, che se vogliamo definire 
il colore di una nuova tile aggiunta, dobbiamo aprire il file style. 
css e andare alla sezione /* TILE */. Quindi, inseriamo una voce per 
ciascuna tile utilizzando l'id corrispondente. Nella cartella tempiale 
abbiamo inserito il file schemi Jitm da cui possiamo copiare il codice 
necessario, che nella fattispecie è <!— Codice da inserire in style.css 
quando aggiungiamo una tile —>. 



Coniamo il codice 

Apriamo il file schemi.htm nella cartella 
templatescon Notepad-H- e copiamo il hoc¬ 
co di codice identificalo dall'etichetta <.'-Aggiun¬ 
gere una nuova sezione di lite ->. Quindi, apriamo 
/ndlex./ifrn e copiamo il codice nella posizione In cui 
vogliamo aggiungere il gruppo. 


tjcur > »i ^ 



La tile come te voaPamo 

2 Modifichiamo la tipologia e la disposizio- 
• ne delle tile secondo le nostre preferenze, 
seguendo te istruzioni riportate nei paragrafi prece¬ 
denti. Quindi correggiamo gli id delle tile, utiizzando 
dei progressivi che non sono stati ancora utilizzati; 
ad esempio: tlle_11, tìle_12ecc. 



^ Cosa faranno le tile? 

3 Restando su index.htm, andiamo nella sezio- 
— ''ne <!- Azioni deile tile -> e inseriamo per 
ciascuna nuova Mie una sezione <DIV>... </DIV>, 
diversa a seconda se vogliamo aggiungere una fine¬ 
stra popup, una URL esterna o una galleria. Possia¬ 
mo copiare il codice da sclìemLhtm. 



^ Cambiare la spaziatura 

^ ;Per cambiare la spazlatu- 
ra tra i gruppi, andiamo in sfy- 
le.css e individuiamo il codice table .blocks 
{... padding-right 220px;. Modifichiamo il valore 
associato a padding-right che Inizialmente è 220px, 
aumentandolo 0 diminuendolo. Ad esempio, potremo 
ridurlo con padding-right 120px;. 


IL TUO SPAZIO WEB GRATUITO 


Gli hoster gratuiti che mettono a disposizione almeno 1 GB di spazio Web da usare per 
pubblicare oniine il nostro sito touch o semplicemente per effettuare alcune prove... 



DOHHIIO 

ewnnnsnaiE 


■ééììB 



HOSTINGER 

www.tuosito. 

zzmufealtri) 

2 GB di spazio su disco, 100 GB di traffico 
mensile, FTP, file manager, aeazione pagine 
Web,PHP,MySql 

www.hostinger.it 

1 

ALTERVISTA 

tuosìtojitervista. 

org 

1 GB di spazio su disco, 10 GB di traffico 
mensile, sottodomini illimitati, FTP, MySQL 
PHP 

httpy/it.altervista.org 

i 

XOOM 

tuositojcoom.it 

1 GB di spazio su disco, 10 GB di traffico 
mensile, PHP, Perl/CGI, FTP, MySQL Pannello di 
controllo, Backup, creazione di pagine 

http://xoom.virgilio.it 

OOOOFREE 

www.tuosito. 

cu.cc 

1 GB di spazio su disco, 10 GB di traffico 
mensile, mySQL PHP, Peri/CGI, ASP.NET, 
sottodomini, FTP, pannello di controllo 

http://OOOOfree.com 

NETSONS 

tuosito.netsons. 

org 

1GB di spazio su disco, traffico mensile 
illimitato, PHP, CGI, m^L pannello di 
controllo 

www.netsons.com 
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jJPubblichiamolo oniine! 

È arrnrato il momento di pubblicare oniine il sito web, modificato a nostra immagine e somiglianza. Abbiamo soltanto 
bisogno di un server che ospiti le pagine... 


L e modifìche al tempiale sono state tutte completate! Perpubblicare 
il nostro sito Web e renderlo accessibile all’intero popolo della Rete, 
abbiamo bisogno di un server che ospiti le pagine. Tra i vari hoster 
che offrono i loro servizi anche gratuitamente, abbiamo scelto Hostin- 
ger, che mette a disposizione ben 2 GB di spazio su disco. Praticamente, 
potremo caricare di tutto. Inoltre, dispone di un pannello di controllo 
semplice, ma completo, con il quale possiamo caricare rapidamente 
i file ed effettuare le configurazioni necessarie. Oltre al trasferimento 
di file singoli, il pannello di controllo consente di caricare l'intero sito 


Web compresso in formato .zip; terminato l'upload dello ZIP, il sistema 
scompatterà automaticamente i file e li metterà nella cartella pubblica, 
rendendo il sito subito operativo. Per compattare i file modificati del 
tempiale in un .zip, consigliamo di utilizzare7-zip, un'utility open-source, 
velocee affidabile, che supporta molti formati di file compressi: oltrea ZIP, 
anche GZIP, BZ1P2, TAR e 7z. Il tool può essere scaricato gratuitamente 
dairURLwvvw.7-zip.org. È importante, ai fini di un corretto upload del 
sito u Hostinger, compattare i file contenuti all'interno della cartella 
WebSite, e non direttamente la cartella WebSlte. 


-- - - 


•j|l^ostineer ' - -- 

«J _ g “ IMI..Mi ■■ U 
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^ Registrazione airhost 

■j Registriamoci su wvm.hostlnger.lt; dal- 
la home page facciamo clic sul link Crea 
account In alto a destra e compiliamo il modulo di 
registrazione. Al termine dell'operazione, ci verrà 
inviata un’email con un link per attivare l'account. 
Verremo Indirizzati alla pagina per la scelta del piano 
di abtwnamento; selezioniamo quello gratuito facen¬ 
do clic su Ordina ora. 


^ Scegliamo il nome dominio 

2 Selezioniamo la voce Dominio e scegliamo il 
nome di dominio che preferiamo; ad esempio, 
pincopazzino.zz.mu. Quindi, inseriamo la password, 
con cui potremo accedere allo spazio Web tramite il 
pannello di controllo, e il codice di verifica. Infine, fac¬ 
ciamo clic su Crea. Affinché il dominio sia effettiva¬ 
mente attivo e raggiungibile possono essere neces¬ 
sarie anche diverse ore. 


^ Importa e pubblica il sito 

*3 Accediamo ai pannello di controllo facendo die 
su Hostìng e poi su Entra in corrispondenza 
del nostro dominio. Con Importa sito Web, nella 
sezione Sito Web, possiamo trasferire rapidamente 
sul server le pagine create. Basta “zippare” il nostro 
sito, con tutte le cartelle, fare clic sul bottone Scegli 
ffle e selezionare lo ZIP. Quindi premiamo il pulsante 
Importa sito Web. 



Lediting dal browser 

/I Hostinger dispone anche di un editor integrato 
—> per apportare velocemente modifiche al codi¬ 
ce di un file caricato sul server. Apriamo II pannello di 
controllo come nel passo 3, quindi facciamo die su 
Gestore file. Selezioniamo il file da modificare e fac¬ 
ciamo clic con il tasto destro del mouse; dal menu 
scegliamo Modifica file. Apportate le modifiche, pre¬ 
miamo Save 


VERSATILITÀ DI UN CLIENT AD HOC 

Per caricare le pagine sullo spazio Web, in alternativa al tool messo a disposizione da Hostinger, 
possiamo utilizzare Filezilla. Si tratta di un Client FTP gratuito, funzionale e davvero semplice da 
utilizzare. Cioè, un software in grado di accedere alle cartelle del server tramite Internet, senza 
utilizzare il browser. Per scaricarlo, andiamo sul sito del progetto, httpsV/filezilla-project.org. 
Una volta installato, dobbiamo configurarlo inserendo i parametri di accesso allo spazio Web. 
Ovviamente, la procedura funziona con qualsiasi hoster. Per recuperare I parametri di accesso 
allo spazio Web, apriamo il pannello di controllo di Hostinger. Nella sezione F/fe troveremo l'icona 
Accesso FTP, tramite la quale possiamo aprire una schermata riassuntiva con tutti i parametri. 
Su Filezilla andiamo in Flle/Gestore Sito. 

Facciamo clic su Nuovo sito, digitiamo II 
nome del nostro sito e valorizziamo i campi 
di configurazione nel pannello visualizzata 
Inseriti i parametri corretti premiamo il pul¬ 
sante "Connetti". Dopo qualche secondo il 
software si collegherà al server e vedremo 
le cartelle e i file come se usassimo Esplora 
risorse di Windows. Potremo cancellare, 
spostare, aggiungere file velocemente. 
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Siti Web in pratica 


Crea la tua TV 
con Ustream 

Diventa un videoreporter e programma la diretta 
mondiale direttamente da smartphone, tablet o PC! 


L a sigla UCG (User Content Ge¬ 
nerateci) è nata per definire tutti 
quei servizi che si basano sulla 
produzione di contenuti da parte 
degli utenti. L'esempio più popolare 
di un prodotto UCG è YouTube, la 
community acquisita da Google nel 
2006 dove chiunque può caricare 
il proprio video e renderlo dispo¬ 
nibile al mondo intero. Da qualche 
tempo il portale permette anche di 
realizzare delle dirette video gra¬ 
zie ad Hangout, un servizio inizial¬ 
mente concepito come videochat e 
poi ampliato perché gestisse anche 
eventi "live". 1 veterani della Rete, 


inoltre, ricorderanno sicuramen¬ 
te Reai Player che, mediante il tool 
Reai Producer unito ad un server 
ottimizzato allo scopo, permetteva 
di trasmettere nell'era dei modem a 
56K qualsiasi filmato in streaming, 
anche in diretta! Oggi, grazie all’AD- 
SL e alla fibra ottica, lo streaming 
ad alta qualità è diventato alla por¬ 
tata di tutti: parliamo degli utenti 
finali come anche dei distributori 
di contenuti. 

Palinsestop casalingo 

Anche se è sicuramente il più po¬ 
polare, YouTube non è comunque 


l'unico servizio che permette il live 
broadcasting e cioè lo streaming in 
diretta dei propri contenuti video. 
Uno dei più famosi è sicuramente 
Ustream: il suo successo è dovuto 
sicuramente alla facilità d'uso, ma 
anche alia sempre maggiore dispo¬ 
nibilità di videocamere in grado di 
interfacciarsi direttamente con il 
servizio. In questo modo basta dav¬ 
vero poco per diventare videorepor¬ 
ter d'assalto e trasmettere in diretta 
sul Web tutto quello che succede 
attorno a noi. Diamo dunque inizio 
alle trasmissioni: abbiamo un intero 
palinsesto da riempire! 


Cosaci 

occorre 

SQMZIon 

BROADCASTING 

USTREAM.TV 

Quanto costa gratuito 
Sito Inlemeb 
www.ustrBam.tv 

VIOEOCAMBtA 

SAMSUNG 

HMX-QF30WP 

Quanto costa € 210,00 
Suo Internet 
sanisung.lt 



3 Un account su Ustream.tv 

La registrazione al portale è semplicissima e può essere effettuata in pochi passaggi. Purtroppo la traduzione 
in italiano del servìzio è ancora incompleta, quindi facciamo attenzione alla procedura descrìtta di seguito. 



^ UsfanioFacebookiieriloqin 

■| Raggiungiamo l'indirizzo www.ustream.tv e 
—> cucchiamo sul link In alto a destra con su 
scritto Log In /Sign up. Si aprirà un popup: se abbia¬ 
mo un account Facetxwk completiamo la procedura 
indicata, In caso contrario seguiamo II link ^ Up 
posizionato accanto al testo in grassetto Don’!bave 
an account. 



^ Laccesso è automatico 

2 Inseriamo il nostro indirizzo e-mail, Il 
-- nome utente e scegliamo la password. 
Prima di premere 11 pulsante Registrati assicu¬ 
riamoci di avere spuntato la casella Accetto i 
termini del servizio. Attiviamo anche l'opzione 
Remember Me che ci permetterà di entrare nel 
sito senza digitare ogni volta i nostri dati. 



^ Iniziano le trasmissioni 

3 Terminata la registrazione clicchiamo Crea- 
—- te New Channelper creare II nostro canale: 
scegliamone II nome nel popup successivo e definia¬ 
mo le informazioni generali scegliendo una categoria 
dall'elenco a discesa oltre che un'ulteriore sottoca¬ 
tegoria. Siamo pronti a trasmettere il nostro primo 
spettacolo indiretta. 
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MI Siamo pronti per trasmettere 


Creato un account al servizio Ustream.tv siamo pronti per “mandare in onda” la nostra prima trasmissione 
televisiva in diretta Web. Ecco la procedura da seguire per evitare qualsiasi intoppo. 



^ Attiviamo la WebCam 

cucchiamo sul pulsante blu Vai In diret- 
ta presente nella pagina Iniziale In alto a 
destra. Il plug-in Flash ci chiede da subito il per¬ 
messo di utilizzare la Webcam e il microfono: sele¬ 
zioniamo Cdosentr e spuntiamo la casella Ricorda 
per memorizzare la scelta e fare in modo che non 
cl venga più richiesto. 


^ Manteniamo alta la Qualità 

2 Regoliamo quindi la qualità video della tra- 
smissione dal menu Quality, il volume del 
microfono, la risoluzione da Resolution con cui 
deve operare la nostra Webcam ed il infine le pro¬ 
porzioni dell'Immagine: la scelta è tra 16:9e 4:3. 
cucchiamo sul pulsante Avvia trasmiss e iniziamo 
la nostra diretta. 


-K . In contatto con il pubblico 

3 j Sinceriamoci del numero di spettatori dal- 
w/ la finestra dello stream guardando In aito a 
destra. Iniziamo a interagire con loro servendoci 
dell'opzione Chat presente nel menu a discesa: 
qui possiamo leggere i commenti dei telespetta¬ 
tori e rispondergli via chat in tempo reale mentre 
conduciamo il nostro programma. 


rOMc INSERIRE LA DIRETTA WEB NEL NOSTRO SITO 



Il menu Incorpora pre¬ 
sente nell'elenco delle 
funzioni del nostro ca¬ 
nale su Ustream.tv ci 
permetterà di estrarre il 
codice HTML da inserire 
nelle nostre pagine Web 
per poter visualizzare il 
player anche in un sito 
esterno ad Ustream. Le 
opzioni a disposizione 
offrono soltanto la pos¬ 
sibilità di incorporare il 
video o anche il video 
e la sidebar {Player + 
Sidebar), oltre che de¬ 
finire le dimensioni del 
video (S/ze) ed alcune 
opzioni aggiuntive. Una 
volta definite le impo¬ 
stazione, clicchiamo sul 
pulsante blu Copy todf- 
pboard presente nella 
sezione Embed Code: 
sarà quindi sufficien¬ 
te 'incollare' {CtrI+V) 
il codice in questione 
per ottenere l'effetto 
desiderato. 



SUD CUDIUIII -D 360 ' 23S 

n ciAhitti uiiui 

n Mule by defaiiB 
n OM «itibed cod» 


Eiiibeil cuOti iHTTFAnTFai 
<anme uitf ■■ ttv fwnbtdf 17ìS 


Copy ir» ciipbrtaril 


TRASMETTI 

C0NLAPS4 


Grazie allltrteiiraziane 
della piattaforma su 
Playstation 4, usando la 
Webcam Eye I videogioca¬ 
tori più appassionati po¬ 
tranno creare dei canali e 
condivìdere il proprio ga- 
meplay su Ustream. Come 
impostazione predefinita, 
gli utenti di Playstation 
4 potranno accedere 
aba funzione Uve from 
Pfciystofion direttamente 
dal gamepadDual Shock 
tramite H pulsante Sbare. 


PREPARA 
IL TUO SHOW 


Ustream Pmducerè un 
software scaikabUe 


gratuitamente da www. 
ustream.tv/producer che 
d permetterà di andate 
molto oltre le funzionali¬ 
tà delfapplìcazione per I 
browser. Possiamo andare 
Indliettaesecvirddl una 
serie di strumenti che non 
hanno mdla da invidiare 
a quelli delle tradizionali 
regie televisive. 
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Siti Web in pratica 


QIAndiamo anche in differita 


Per riempire un intero palinsesto non possiamo prevedere esclusivamente trasmissioni in diretta. 
Ecco perché, tra le altre funzioni, Ustream.tv permette anche di registrarle. Vediamo come. 



^ Registrazione in corso 

Raggiungiamo la schermata della diretta e cucchiamo sul 
pulsante Avvia registrai. Al termine della registrazione 
diamo un nome al file ed una piccola descrizione al video. Sal¬ 
viamo infine la registrazione cuccando sul pulsante Interr regi¬ 
strazione. Infine cucchiamo sul pulsante Saiva Vìdeo. 



^ Una conia di sicurezza 

2 Torniamo alla schermata del canale e selezioniamo Vìdeo. 
Utilizzando la funzione Collegati a KouTute possiamo sal¬ 
vare Il video per evitare che dopo 30 giorni venga cancellato da 
Ustream. Modifichiamo la registrazione cliccando sul pulsante 
Modifica e selezionando successivamente la voce Trim. 





cosi SI FA 
SUL SERIO 



Come abbiamo visto 
neli'articolo, il servizio 
Ustream è gratuito. 
Tuttavia presenta 
alcune limitazioni che 
possono essere elimi¬ 
nate sottoscrivendo 
un piano di abbona¬ 
mento a pagamento. 

Ad esempio, Il plano 
Silver (che costa poco 
più di 70 euro al mese) 
ci consentiri di tra¬ 
smettere un totale di 
100 ore senza annunci 
pubblicitari (cumulate 
naturalmente tra tutti 
gli spettatori), oitre 
a poter conservare! 
video caricati senza 
aicun limite di tempo 
(nelTaccount gratuito, 
invece, vengono can¬ 
cellati dopo 30 giorni di 
archiviazione sui server 
di Ustream). 


^ Un PO* di videoeditinq 

3 Impostiamo il momento in cui il video dovrà iniziare spo- 
stando il cursore all'inizio della “pista” di riproduzione. Allo 
stesso modo definiamo il punto in cui dovrà finire spostando il 
cursore dalla parte opposta. Cucchiamo Previewe, se il risultato 
è di nostro gradimento, confermiamo con Save. 


jv. Attenti al fuori onda! 

Ciicchiamo adesso sulla voce Contenuti fuori Onda pre- 
- sente nel menu del nostro canale Ustream. Nella nuova 
schermata che appare scegliamo quale dei nostri video ripro¬ 
durre selezionando il pulsante Riproduci i video Selezionati e 
selezionando, in basso, il video da far riprodurre a ciclo continuo. 


VA) IN DIRETTA ANCHb CON 


Oltre a poter consultare le 
migliaia di canali disponibili, 
l'applicazione per Android e 
iOS di Ustream.tv permette di 
creare la nostra diretta Web an¬ 
che in mobilità. L'applicazione 
per dispositivi iOS è scarica¬ 
bile gratuitamente dalTApp 
Store (www.winmaga 2 ine.it/ 


link/2610), mentre quella per 
Android è disponibile, sem¬ 
pre gratuitamente, sul Play 
Store (www.winmagazine.it/ 
link/2611 ). Entrambe le appli¬ 
cazioni sono semplici da utiliz¬ 
zare: è inatti sufficiente auten¬ 
ticarsi al servizio (o registrarsi) 
e cliccare poi sulllcona della 


LO iMAflTPHONE E IL TABLET 

telecamera in aito a destra. È 
poi possibile scambiare le due 
fotocamere dello smartpho¬ 
ne/tablet diccando sulla prima 
icona in aito a destra, attivare 
la riproduzione ad alta defini¬ 
zione (NO) oppure disattivare/ 
attivare il flash e il miaofono, 
tutto con un semplice tapi 
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fusiti Web in pratica 


Web Pro | Il tuo sito Web di video e musica 


Il tuo sito Wéb 
di video e musica 


Scopri come arricchire le pagine Internet con tutte 
le tue passioni multimediali. Ecco i trucchi per 
"embeddare" di tutto e di più 


S e il nostro sito sembra trop¬ 
po statico e scarno, possia¬ 
mo vivacizzarlo inserendo 
un qualsiasi contenuto dispo¬ 
nibile in Rete: foto, audio, video 
e perfino post di Facebook! Per 
incorporare dei contenuti, dob¬ 
biamo intervenire sulla pagina 


inserendo una porzione di codice 
messa a d isposizione dai sito che 
ospita ii materiaie di nostro inte¬ 
resse: Facebook, Flickr, Picasa, 
YouHibe ecc. Le possibilità sono 
illimitate: basta usare la iantasia 
per trasformare qualsiasi sito in 
una vetrina accattivante. 11 ter¬ 


mine "embed" deriva da un tag 
HMTL, <embed>, utilizzato per 
incorporare qualsiasi cosa in una 
pagina Web; altri tag adoperati 
per questo scopo sono diramo, 
<div> e qualche volta <script>. 
Sono quelli che incontreremo nei 
trucchi svelati dai nostri esperti... 


COME "EMBEDDARE" 
lELBLOGINWORDPRESS 

Per pioter incorporare materiale multimediale con le versioni meno 
recenti di WordPress era necessario recuperare il relativo codice, cosi 
come faremmo con un sito In HTML, e apportare delle piccole modifiche 
ai parametri laddove necessario. Dalla versione 2.9 tutto è diventato 
molto più semplice: adesso basta incollare nel post direttamente l'URL 
da condividere e WordPress farà tutto il resto, senza la necessità di uti¬ 
lizzare codice specifico o particolari tagl Per questioni di sicurezza non 
sono supportati tutti i servizi, ma solo quelli inseriti nella Vhite list”, che 
comunque è sufficientemente ampia da soddisfare la maggior parte 
delle esigenze. L'elenco dei servizi funzionanti è disponibile su http7/ 
codex.wordpress.org/Embeds. 



SUDESHOW 
A VOLONTÀ 


Un’Immagine, si dice, vale più di mil¬ 
le parole. E allora, quanto varrà uno 
slideshow realizzato con le foto più 
belle che abbiamo caricato su Picasa 
(adesso integrato In Google+)? Ac¬ 
cediamo al nostro account Google e 
andiamo alla pagina https://plcasa- 
web.google.com/home. Selezionia¬ 
mo l’album che ci Interessa, quindi 
facciamo clic su Link a questo al¬ 



bum nella colonna destra della pa¬ 
gina e poi su Incorpora slideshow. 
Quindi, Impostiamo le opzioni che 
ci interessano, come la dimensione 
delie immagini, e copiamo II codice 
che troviamo in corrispondenza di In¬ 
corpora slideshow, per incollarlo nel¬ 
la nostra pagina Web. Se le nostre 
foto sono su Rickr (www.flickr.com), 
invece, procediamo cosi; apriamo 
l’album che ci interessa, facciamo 



clic sull’icona con tre punti in basso 
a destra e scegliamo Visualizza sli¬ 
de show dal menu. Facciamo clic su 
Condividi m alto a destra e copiamo 
il codice riportato in corrispondenza 
di Codice htmi. 


Il sito http://zoom,it è un nuovo ser¬ 
vizio, basato su tecnologie Microsoft, 
nato per condividere Immagini ad alta 
risoluzione. Bisogna fornire l’Indirizzo 
di una fotografia in alta definizione 
già presente sul Web e zoom.it in po¬ 
chi secondi la convertirà in formato 



Deep zoom; si tratta di immagini che 
possono essere Ingrandite con un 
semplice clic del mouse In qualsiasi 
punto. E tutto senza sovraccaricare 
la rete. Per incorporare l’Immagine, 
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basta fare clic sul pulsante Embede 
copiare II codice da Inserire sul sito/ 
blog personale. 


MAPPA 

.:r.m ferdeki 


Per pubblicizzare la nostra attività 
tramite il sito è importante fornire 
non soltanto l'Indirizzo completo, ma 
anche una mappa dettagliata della 
zona; la cosa migliore è appoggiar¬ 
ci a Google Maps. Da http://maps. 
google.com cerchiamo II nostro Indi¬ 
rizzo e facciamo clic sulla rotellina in 
basso a destra sulla mappa. Selezio¬ 
niamo Condividi e incorpora map¬ 
pa, scegliamo la scheda Incorpora 
mappa, impostiamo la dimensione 
desiderata e copiamo II codice. Alb 



stesso modo, possiamo incorpora¬ 
re una mappa di Bing. Cerchiamo 
l’indirizzo che ci interessa su www. 
bing.com/maps, facciamo clic su 
Condividi m alto a destra e copiamo 
il codice identificato dall’etichetta In¬ 
corpora In pagina Web. 


I .'IDEO Più BEU 
•EL TUBO 

GII amici hanno Ignorato II nostro 
video su YouTube che racconta le 
vacanze tra i geiser dell'lslanda? 
Bene, incorporiamolo sul nostro 
sito, in modo che non potrà sfug¬ 
girgli. La procedura è sempibe: su 
www.youtube.com cerchiamo il vi¬ 
deo e facciamo clic su Condividi. 
Scegliamo Codice da incorporare. 
selezioniamo la dimensione desi¬ 
derata e copiamo II codice, che in¬ 
colleremo poi nel punto giusto della 
nostra pagina. In abuni casi, forse 
per bug temporanei di YouTube, il 
codice potrebbe non essere corret¬ 
to. Se troviamo una sequenza del 
tipo src="//mvw.youtube.com/ 
embed/loOxLafu6KQ", bisogna cor¬ 
reggerla aggiungendo http: come 
segue: src=“lrttp://www.youtube. 
com/embed/loOxLafu6KQ". Se 
desideriamo far partire il video au¬ 
tomaticamente, basta aggiungere 
?autoplay=1 alla fine della URL: 
src= "http://www.youtube.com/ 
embed/lo0xLafu6KQ?autoplay=1 ". 



CAINSTAGRAMAVINc 

Il successo di Instagram deriva dalla 
facilità con cui consente di condivi¬ 
dere foto e video; in modo altrettan¬ 
to semplice permette di incorporare 
i contenuti all'Interno di una pagina 
Web. Accediamo tramite PC a Insta- 
gram (http://instagram.com) usando 
le nostre credenziali, cerchiamo 
l'immagine o il filmato che ci inte¬ 
ressa e facciamo clic sui tre punti in 
basso a destra; quindi, selezionia¬ 
mo £/r;b«/e copiamo il codice con 
l'apposito pulsante. Sebbene meno 


Siti Web in pratia 


diffuso, anche Vine (https://vine.co) 
è decisamente utile per condividere 
dei brevi video, che sono riprodotti 
in loop. Anche in questo caso, una 
volta individuato II video da incorpo¬ 
rare, facciamo clic sui tre punti in 
basso a destra e premiamo Embed. 
Impostata la risoluzione e l'eventua¬ 
le riproduzione automatica dell’au- 
dlo, possiamo copiare il codice e 
Incollarlo nel punto desiderato della 
nostra pagina Web. 



MUSICA MAESTRO! 

Il sito www.soundcloud.com consen¬ 
te a chiunque faccia musica di con¬ 
dividere i propri brani. Pertanto, se 
vogliamo dare una mano alla band In 
cui suona un nostro amico, non dob¬ 
biamo fare altro che Individuare una 
loro traccia, fare clic sul pulsante 
Share e poi selezionare Embed per 
ottenere II codice. Allo stesso modo. 
Invece di singoli brani, è possibile 
incorporare anche intere playlist. La 
procedura per incorporare, invece, 
brani da Spotify (www.spotify.com/ 
il) è leggermente più complessa. Dal 
lettore di Spotify facciamo clic col ta¬ 
sto destro sul nostro brano preferito 
e dal menu contestuale scegliamo 
Copy URL Spotify. Quindi, accedia¬ 
mo al sito www.edmaster.it/uri/3024 
e Incolliamo l'URL del brano nella ca¬ 
sella di testo identificata dal numero 
2. Nella casella 3 troveremo il codice 
da incollare sul nostro sito. 



I PaST ùì FAGEEuGK 

Con poche righe di codice possia¬ 
mo inserire nel nostro sito i post di 


una pagina Facebook che seguiamo. 
Anzitutto, accediamo all’URL www. 
edmaster.it/url/3025, premiamo 
il pulsante Get Code e copiamo il 
codice dalla prima casella di testo. 
Lo dovremo incollare ail'inizb della 
pagina Web, subito dopo l'apertura 
del tag <body>. Quindi, cerchiamo 
su Facebook II post che ci Interessa, 
premiamo la freccia verso II bas¬ 
so per aprire II menu contestuale 
e facciamo clic su Incorpora post. 
Dovremo incollare questa porzione 
di codice sulla nostra pagina Web, 
nel punto che riteniamo più opportu¬ 
no. Il trucco funziona solo con I post 
pubblici pubblicati sulle pagine fan di 
Facebook. 



CHE TtrrPO FA 

Se vogliamo offrire ai seguaci un 
motivo In più per visitare regolar¬ 
mente il nostro sito, possiamo inte¬ 
grare nella home page le previsioni 
del tempo. La procedura è davvero 
molto semplice. Andiamo su v/ww, 
edmaster.il/url/3026. Inseriamo la 
località di nostra interesse e faccia¬ 
mo clic su Search. Il codice HTML da 
copiare e incollare nella pagina Web 
sarà visualizzato nella casella di testo 
inferiore. 
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Web Pro | WordPress sotto attacco! 


Il tuo sito WòrdPress 
è sotto attacco! 

C’è chi riesce ad accedere al pannello di amministrazione 
del sito Web utilizzando un semplice tool. Svelati i retroscena 


W ordPress è ad oggi il sistema CMS 
più utilizzato per la progettazione 
di Blog e siti Web. La piattaforma 
viene adoperata anche da alcuni enti go¬ 
vernativi di tutto il mondo per pubblicare 
e condividere on-line materiale di ogni 
genere. Purtroppo, prendere il controllo 
del sistema di amministrazione di un sito 
realizzato con WordPress è diventato un 
gioco da ragazzi. I pirati, servendosi di un 
software dedicato al pen-test di altissimo 
livello, come Acunetix, riescono a scoprire 


la password di amministrazione del sito. 
Per compiere le loro malefatte ricorrono a 
quello che viene chiamato ‘Attacco a Di¬ 
zionario” grazie al quale potranno testare 
milioni di password in maniera automatica 
fino ad ottenere quella relativa all'account 
di amministrazione del sistema, il pirata, 
prima di procedere all'attacco, dovrà es¬ 
sere in possesso di alcuni database (chia¬ 
mati anche ‘dizionari", da cui deriva il 
nome dell'attacco) contenente milioni, 
a volte miliardi, di parole da testare sul 


relativo account da violare. Gli hacker si 
scambiano quotidianamente questo tipo 
di materiale usando i canali underground 
della Rete (come ad esempio TOR) o tramite 
file Torrent. Ricordiamo che le procedu¬ 
re descritte in queste pagine sono state 
pubblicate a scopo puramente didattico: 
vogliamo permettere ai lettori di conoscere 
e imparare a difendersi dai pericoli a cui 
sono esposti navigando in Internet o, in 
generale, utilizzando applicazioni affette 
da vulnerabilità. 


i3 Hacker del Web in 5 minuti! 


I pirati usano un particoiare software, iiberamente scaricabiie daiia Rete, per violare un blog 
realizzato con la piattaforma WordPress. Ecco come procedono. 




^ UpassejMirtoutdeisitiWeb 

I pirati, per compiere le loro malefatte, utilizzano il software Acu- 
netix. Si tratta di un programma usato dagli esperti di sicurez¬ 
za informatica, disponibile in versione trial da 15 giorni (lo trovi sul Win 
DVD-Rom). 


Curi i Pirata prepara l’attacco 

2 i Avviato il software, il pirata si sposterà sulla scheda Authenticatlon 
Tester (selezionabile sulla parte sinistra dell'interfaccia), che conter¬ 
rà Il modulo dedicato al test per gli attacchi a dizionario, sia tramite richieste 
HTTP che tramite form HTML. Da qui effettuerà alcune particolari impostazioni. 
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LE IMPOSTAZIONI DEL SOFTWARE PER SFERRARE L^AHACCO 

Nel caso del modulo di autenticazione per WordPress, il pirata andrà a settare opportunamente Acunetix per "bucare" 
qualsiasi tipologia di form. 



a TARGET URL TO TEST 

Imposterà l'URL per l'accesso al pannello 
di amministrazione (generalmente: http://www. 
nome-blog.com/wp-admin/) 

a AUTHENTICATiON METHOD 

Da gusta voce II pirata setterà II metodo 
di autenticazione come Web form based 

O LOGON RAS FAiLED 

Imposterà Result contabis dal menu a tendina della 
voce Logon has faiied if ed inserirà la dicitura Errore 
nel modulo testuale adiacente 

a USERNAME 

Imposterà i due percorsi contenenti l'username da 


testare ed il relativo dizionario delle password 

a SELECT USER PASSWORi 

Imposterà il nome dei form campi di autenticazione 
premendo Select posto in alto a destra alla voce 
Select user/password form fieids to use. Nel caso 
di Wordpress selezionerà le voci log per II nome 
utente e pwd per la password 

B START 

Lancerà l’attacco premendo il bottone Start posto 
in alto a destra. L'eventuale password (se contenuta 
all'interno del dizionario utilizzato) verrà mostrata 
al pirata nella parte Inferiore della scheda appena 
configurata. L'operazione può richiedere da pochi 
minuti a diversi giorni. 


mCosì metto al sicuro il mio CMS 


Basta installare un semplice plug-in per WordPress 
di tipo a dizionario o forza bruta. Ecco come fare in 



^ Il pluQ-in blocca pirata 

■| WordPress non integra un sistema per difendere il CMS da attac- 
chi a dizionario. Per tale motivo è necessario instailare dei plug-in 
esterni. Da http://wordpress.org/piugins/ utilizzeremo Slmple Login Log, 
Lìmit Login Attempts. ii primo tiene traccia dei login falliti; Il secondo 
consente di Impostare II limite di tentativi per account WordPress. 



^ TMeacCTuntvieiwbloccalDdoiio... 

3 ; Per configurare l’estensione /.og/n i/M rechiamoci sul lato destro del 
_ J pannello di amministrazione all'interno dell'omonima scheda e configu¬ 
riamo i parametri in base alle nostre esigenze. Per default II sistema permette al 
massimo 4 tentativi, dopodiché blocca l’account per 20 minuti. 


per blindare il proprio sito e difendersi da attacchi 
quattro passi. 



ji. Protezione attivata 

2 Per installare le seguenti estensioni è necessario recarsi alla 
scheda Plugin presente sul lato sinistro del proprio pannello di 
amministrazione WordPress e digitare i loro nomi alla voce Cerca. Una 
volta effettuata l'installazione noteremo, sempre sul lato sinistro, due 
nuovi voci: Login Log e Login Limit. 



^ Smascheriamo il ficcanaso 

4 In particolar modo, all'interno della scheda Login Log, avremo a disposi- 
—^ zione tutti I tentativi di accesso con i relativi dettagli (1 coloro che hanno 
provato ad accedere abusivamente al sistema: data, ora, indirizzo IP e nome 
utente con cui l'hacker ha terrtato di collegarsi al pannello di amministrazione. 
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I Web Pro | Bottega virtuale. Guadagni reali | 


Bottega virtuale 
Guadagni reali 

La recessione avanza, ma esiste un settore che sembra non conoscere 
crisi. Quaie? Queiio deiie vendite oniine. Win Magazine ti spiega come 
aprire un negozio e iniziare a guadagnare fin da subito... 



I lteniùne'ccKnniaTdoelenroiìico” 
è nato diversi anni fa e ha subito 
col tempo diversi mutamenti di 
significato. Inizialmente poco co¬ 
nosciuto, indicava il supporto alle 
transazioni commerciali che avve¬ 
nivano in forma elettronica e che 
generalmente ricorrevano all'EDl, 
acronimo di una tecnologia deno¬ 
minata (per esteso) Electronic Data 
Interchange ed introdotta alla fine 
degli anni settanta che consentiva 
d'inviare documenti commerciali 
(fatture, ordini di acquisto, ecc.) in 
formato elettronico, attraverso un 
canale dedicato ed in un formato 
ben definito, tale da non richiedere 
l’intervento umano se non in casi 
eccezionali. Solo successivamente, 
furono aggiunte funzioni specifiche 
che harmo 'coniato’ e rafforzalo il 
termine e-commerce (contrazione 
di electronic commerce), trasfor¬ 
mandolo in senso moderno come 
compravendita di beni e servizi at¬ 
traverso il World Wide Web. 

Il fenomeno in Italia 

Nell’attuale situazione di crisi eco¬ 
nomica e di compressione dei con¬ 
sumi, l’e-commerce cresce di anno 
in anno in tutta Europa. I mercati 
più importanti sono il Regno Unito, 
la Germania e la Francia. Secondo 
alcune stime, tra l’altro già sentite 
spesso anche in passato, gli italiani 
usano poco Internet e solo un grup - 
po molto ristretto si affida al Web 
per fare acquisti onlme. Questi dati 
sono certamente discutibili, ma co¬ 
stituiscono un dato di latto. Ilittavia, 


quello che appare piuttosto evidente 
è il fiotto che, nonostante la forte crisi 
economica globale, l’e-commerce ha 
registrato quest’anno buoni risultati 
di mercato e la tendenza è un au¬ 
mento dei clienti che si affidano ad 
Internet per il loro acquisti. Infatti, 
da un paio di anni, l’e-commerce sta 
crescendo con un valore superiore 
alla crescita generale in Europa. I 
fattori che probabilmente possono 
essere annoverati tra i "fondamen¬ 
tali” per Io sviluppo del commercio 
elettronico, tanto per citare quelli 
più importanti, sono: divertimento 
e soddisfazione personale nell'ac- 
quisto; sicurezza e fiducia ispirata; 
affidabilità e sicurezza dei pagamen¬ 
ti; facilità d'uso del sito; esperienza 
nell’acquisto oniine e possibilità di 
acquisto anche negli orari di chiusu¬ 
ra. Questi aspetti, ovviamente, sono 
solo alcuni dei parametri che occorre 
tener presente qualora si desideri 
aprire un proprio negozio oniine di 
successo. Ma la prima cosa da fare 
per chi decidesse d’intraprendere 
questa strada, è certamente quella di 
affidarsi a servizi consolidati, sem¬ 
plici ed affidabili, come l’arcinoto 
eBay ed il tanto “in voga" Gooutlet 

I negozi oniine 

Chiunque abbia voglia di vendere 
qualcosa, ma non possiede i soldi 
per aprire un nuovo esercizio, può 
senz'altro ricorrere al Web. Attra¬ 
verso il cyberspazio, tutto è certa¬ 
mente più semplificato, ma occorre 
rispettare un iter burocratico ob¬ 
bligatorio che prevede l’apertura 
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della partita IVA e riscrizione alla 
Camera di Commercio e la presen¬ 
tazione della S.C.I.A. (Segnalazione 
Certificata di Inizio Attività). Per 
iniziare poi la vendita vera e pro¬ 
pria. è necessario dotarsi di un sito 
di e-commerce. eBay rappresenta da 
anni il marketplace per eccellenza 
ed offre ai propri utenti la possibi¬ 
lità di vendere e comprare oggetti 
(sia nuovi che usati), da qualsiasi 
PC o dispositivo mobile collegato 
ad Internet, ovunque ci si trovi ed 
in qualimque momento. Attraverso 
esso, chiunque abbia i prerequisiti 
esposti in precedenza, può aprire un 
proprio negozio Online (il primo me- 


Dl i/ER^F TIPOLOGIE DI NEGOZI EBAY 

Ecco uno specchietto riassuntivo delle caratteristiche delle due principali tipologie di negozio 
attivabile su eBay 


Tarif^ per inserzione Compralo Subito: EUR 0,15 per tutte 
le categorie eccetto Media e Motori; EUR 0,10 per categorie 
Media 

Commissione sul valore finale: normale 

Servizio Assistenza Clienti standard 

Commissioni finali per la vendita di oggetti MhTech: nomnall 


200 newsletter gratuite/mese da inviare al tuoi acquirenti 


Protezione venditori PayPal 


Analisi delle vendite gratuito 


Tariffa per inserzione Compralo Subito: EUR 0,01 (3, S, 7 e 10 
giorni); EUR 0,00 (30 giomi/Inserzione senza scadenza) 

Nuova commissione sul valore finale per il formato Asta Online 

Servizio Assistenza Clienti telefonico 

Commissioni finali agevolate per la vendita di oggetti Hl-Tech 


5000 newsletter gratuite/mese da inviare ai tuoi acquirenti 


Protezione venditori PayPal 


Gestore delle vendite Plus e Gestore delle foto gratuito 


Sottoscrizione EUR 19,95 €/mese 


Sottoscrizione EUR 39,00 €/mese 


Dall’inaugurazione aila vendita 



V Iniziamo... 

Colleghiamoci www.ebay.it. Cucchiamo su 
Accedi se abbiamo già a disposizione un 
aocount o su Registrati caso contrario. In quesf ui- 
timo caso, pwhi dati e un clic su Invia sono suffi¬ 
cienti per aprire l'account. Una volta avuto l'accesso, 
cucchiamo su Vendl/Apri un negozio eBay in alto. 



^ Procedura condusiva 

In ultima pagina, verifichiamo l'elenco dei 
costi affinché sia cornetto. Clicchlamo poi su 
Accetto l’Accordo per gli utenti di eBay e indichia¬ 
mo come siamo venuti a conoscenza del prodotto. 
Per procedere all'attivazione del negozio, cucchiamo 
su Iscrizione. Il negozio è ora pronto per la vendita. 



-k. Verifica venditore 

2 Scorriamo la pagina e dicchiamo su Apri un 
—/ iVegoz/d. Effettuiamo la verifica del vendito¬ 
re. Scegliamo la tipologia di \erifica, associando un 
conto PayPal, una carta di credito oppure scegliendo 
la via telefonica. In qualsiasi caso, d basterà seguire 
le Istruzioni a video per procedere. 



^ Personaiizzazione 

~ Una volta attivato il negozio, possiamo perso- 
. nailzzame luogo, inserire un modulo di ricer¬ 
ca, diminuire l'intestazione di eBay per dare mag¬ 
gior risalto al nostro negozio, configurare uno spazio 
promozionale, migliorare la grafica con una galleria 
e tanto altro ancora dal menu Gestisci II Negozio. 



^ Apertura negozio 

2 Tornando all'area di apertura del negozio, 
scegliamo la tipologia di negozio preferita, ad 
esempio Negozio Base. Nella stessa pagina, indi¬ 
chiamo il nome del negozio e cucchiamo su Contìnua 
per confermare. Se vengono proposti degli strumen¬ 
ti gratuiti, aggiungiamoli con un clic su Contìnua. 



^ Vendita oggetti 

0 Per mettere In vendita gli oggetti, possiamo 
—^ ricorrere a Vendi il tuo oggetto o a Turbo 
Lister. Nel primo caso, seguiamo un wizard che ci 
porta alla messa oniine del prodotto. Inseriamo alcu¬ 
ne parole chiavi e dicchiamo su Comincia a vende¬ 
re. Creiamo l'inserzione, rivediamola e il gioco è fatto, 
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Le vendite con il Turbo.. .Lister 





^ Avviamo Pinstallazione 

1 Lanciamo il Ale eseguibile Seftyp/r.exe.Pre- 
—^ miamo su Avanti, mettiamo il pallino accanto 
alla voce Accetto i tennini del contratto di licenza e 
premiamo ancora su Avanti, seguendo le Istruzioni 
del wizard, sino a che non appare il pulsante Installa. 
Premiamolo per iniziare e terminare il setup. 


^ lanciamo il Droaramma 

,, Mettiamo il baffetto accanto alla voce ^w*3// 
programmae premiamo Fine. Il programma 
mostra un messaggio che cl chiede cosa intendiamo 
(are. Se è la prima volta che usiamo II programma, 
clicchiamo sull’opzione Vedi un esempio del file di 
Turtn Listare premiamo su Successiva. 


^ Nuovi oggetti 

cucchiamo su Chiudi, poi sulla voce in alto 
a sinistra Nuovo e scegliamo Crea nuovo 
oggetto. Da qui possiamo Inserire I dati deH’oggetto 
che desideriamo vendere. Inseriamo I dati principali 
tenendo a mente quelli necessari ossia Tdoto.Sotto- 
tìtok), Cond'ame (stato dell’oggetto) e Descrizione. 



^ Categoria 

Sposbamoci sulla Categoria. Clicchiamo 
su Seleziona alla destra di questo campo e 
selezioniamo la categoria desiderata. Premiamo su 
Avanti. Da qui possiamo Inserire alcuni dettagli in 
più. Nella prima casella mettiamo una descrizione 
dell’oggetto e sotto qualche dettaglio sull’oggetto. 


^ Solo dettagli... 

^ Spostiamoci nella sezione Formato di ven- 
' - d/te, inseriamo i dati sul prezzo e selezionia¬ 
mo una voce dalla casella Tempi dì imballaggio per 
spedizioni nazionali Scom'amo la fìne^, mettiamo 
il baffetto accanto alle voci desiderate della sezione 
Metodi di pagamento. Premiamo su Salva. 


^ Subito Online! 

g Clicchiamo su Anteprima per visualizzare 
- l’oggelto creato ed eventualmente modifi¬ 
carlo. Se tutto va bene, chiudiamo questa finestra e 
selezioniamo l’oggetto. Clicchiamo su Aggiungi agli 
oggetti da inviare. Clicchiamo su Invia, poi su Stnr- 
mentl ed infine su Invia tutte le Inserzioni a eBay. 


se è gratuito). Ma in sostanza: cos'è 
un negozio Online? Semplicemente 
uno spazio personalizzabile a tariffe 
contenute. Questa la definizione che 
eBay dà a questo termine. 1 vantaggi 
offerti attraverso una vetrina ordine 
sono molteplici e possono essere sin¬ 
tetizzati in comodità, convenienza 
ed informazione. Una volta deciso 
il luogo dove incontrare i potenziali 
compratori, bisogna poi scegliere co¬ 
sa vendere. Si può pensare a prodotti 
costruiti da se, il cui valore è proprio 
nella manifattura. 1 programmatori 
esperti possono vendere soluzioni 
software e pacchetti applicativi, maè 
possibile anche scegliete di rivendete 
abbigliamento o prodotti elettronici 


In quest'ultimo caso, non è sempre 
necessario fare magazzino, ossia ac¬ 
quistare i beni prima di rivenderli, 
ma è possibile ricorrere alla pratica 
del dropshipping. 

Il dropshipping 

Attraverso il dropshipping, si diventa 
rivenditori di un distributore o gros¬ 
sista, che mette a propria disprosì- 
zione il proprio catalogo, corredato 
da servizi di logistica integrati. Il 
rivenditore vende U bene presente 
nel magazzino del distributore ed 
incassa il pagamento. A questo pun¬ 
to, il rivenditore contatta il grossista 
e ordina a sua volta il prodotto, pa¬ 
gando con una parte degli ingressi 


Malgrado la creazione e gestione di un negozio virtuale sia molto 
diversa da quella di un negozio fisico, sia In termini economici che 
pratici, è soggetta, come già detto, ad alcune normative fiscali, dalle 
quali non si può prescindere. Chi decide di vendere o rivendere Online 
una qualsiasi categoria merceologica, deve dotarsi di partita IVA e di 
iscrizione alla Camera di Commercio. L'attività di vendita, infatti, non 
si può configurare come prestazione occasionale, per cui è sottoposta 
a tutti I fardelli fiscali previsti per legge. Comunque, sia l'assegnazione 
di partita IVA, sia Uscrizione alla Camera di Commercio hanno un costo 
che di norma è ben inferiore alle 200€ per entrambe le voci insieme. I 
costi più elevati si avranno poi ad attività avviata, quando bisognerà 
pagare INPS e IRPEF in base al reddito. Comunque, se il commercio 
dovesse essere positivo, entrambe le voci di costo verranno ripagate 
tranquillamente. Pertanto, è bene non lasciarsi sconfortare da questo 
contributo iniziale, cercando di mettercela tutta affinché la propria 
attività on-llne abbia successo. 
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giunti dal cliente finale. Il grossista 
si fa carico di recapitare al cliente il 
bene, come se fosse il rivenditore 
stesso a spedirlo. Insomma, il ven¬ 
ditore propone merce presente nel 
magazzino di un altro. Cosi non si 
corrono rischi, in quanto non è ne¬ 
cessario investire in un bene di cui 
non si sa a priori il posizionamento. 
I margini di guadagno, poi, sono 
stimabili intorno all’8% in media. 

I tempiale grafici 

I templare per e-commerce costitui¬ 
scono la base grafica per la realizza¬ 
zione di negozi online, integrabili 
con appositi software e-commerce. 
Possono essere utilizzati come un 


punto d'inizio per lo sviluppo rapido 
di un sito Web, di un negozio online, 
di un blog, ecc. La maggior parte di 
quelli disponibili su Internet sono 
completamente personalizzabili e 
disptonibili per il download imme¬ 
diato. Consentono al venditore di 
rendere il proprio negozio virtua¬ 
le più accattivante ed organizzato 
rispetto a quanto offerto dal mar- 
ketplace e, molto spesso, inducono 
un potenziale cliente all'acquisto 
di un prodotto proprio perché at¬ 
tratto dalla grafica del sito stesso. Su 
Web esistono diversi prodotti e siti 
che offrono templare gratuitamen¬ 
te e a pagamento, oltre ad appesiti 
software in grado di realizzarne di 


GEN^RATO^E MULTI IMMAGINE 

Per personalizzare al meglio le proprie pagine web su eBay, esistono 
diversi strumenti che aiutano a facilitare il compito dei ‘poveri" 
venditori. Uno di questi è Muiti Images Ebay Tempiate Generator, 
che serve proprio a generare un templare multi-immagìne da ag¬ 
giungere ad eBay. Per avvaiersi di questo strumento, è sufficiente 
andare al linkwww.edmaster.it/url/2253. Una volta aperta questa 
pagina, non si deve far altro che personalizzare I vari campi con le 
informazioni che ci vengono richieste: Welcome banner, pulsanti, 
sfondo, modalità di pagamento e quant'altro necessario a perso¬ 
nalizzare e rendere il tutto più accattivante. In fondo alla pagina, 
premendo il pulsante Review iti, potremo rivedere il risultato delle 
nostre impostazioni e prelevare il codice da incollare nella pagina 
eBay premendo su Get source code for your auction tempiate 
bere. A questo punto non resta che personalizzare la pagina per 
incrementare il proprio business. 


Tempiate builder per eBay 



^ Iniziamo dal titolo 

Apriamo il nostro browser ed andiamo alla 
pagina www.ebaytempiatebuider.com. Qic- 
chiamo quindi su Title, posto a sinistra della finestra 
ed inseriamo un titolo qualunque. Utilizzando I pul¬ 
santi deireditor, formattiamo il testo a nostro piaci¬ 
mento. Premiamo su Done, in basso a sinistra. 



^ Ora le immagini 

A questo punto, cucchiamo sul link Ima¬ 
ges per Inserire delle immagini esplicative. 
Airintemo della finestra che appare, Inseriamo il link 
airimmagine dentro la prima casella. Per inserirne 
altre, cucchiamo sul pulsante -f- in alto a destra e 
ripetiamo I passaggi. Cucchiamo quindi su Done. 


^ Descrizione oggetto 

/ Chiudiamo la schermata precedente e clic- 
chiamo su Additional Detalls. Qui inseriamo 
un testo che dia altre informazioni sull’oggetto da 
vendere. Clicchiamo su Done. poi su DescriptSon e 
ripetiamo I passaggi. Anche qui, formattiamo il tutto 
a nostro piacere ed al termine premiamo su Done. 



^ Ecco come appare! 

j Premiamo sul link Organizere mettiamo il 
baffetto accanto alle voci poste a sinistra. In 
tempo reale vedremo come viene mostrato l'ogget¬ 
to che stiamo per inserire. Apportiamo le modifiche 
necessarie, togliendo il baffetto laddove non c'inte¬ 
ressa e premiamo su Done al termine. 


^ Consegna prodotto 

Clicchiamo Sft/ipprng. In questa sezione dob¬ 
biamo inserire tutte le informazioni relative 
alla spedizione. Come fatto precedentemente, inse¬ 
riamo e formattiamo il testo come desideriamo ed 
al termine clicchiamo su Done per rendere effettive 
le modifiche. Non ci resta che inserire le Immagini. 



^ Il codice! 

0 Una volta terminata questa fase, se tutto 
—^ è andato come desideravamo, clicchiamo 
sull'ultima voce a sinistra, Get HTML Nella sezione 
Code a destra apparirà il codice HTML che potremo 
copiare ed incollare all’Interno di eBay per mostrare 
il prodotto così come volevamo. 
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Un video vale piu di mille parole 



-k. Inseriamo un oggetto 

■J Apriamo il sito di eBay e autentichiamoci uti- 
—llzzarido I nostri dati di accesso. A questo 
punto cucchiamo sulla voce di menu Vendi, poi su 
Comincia a vendere. Nella prima casella Iriserlamo 
un testo descrittivo deH’oggetlo che vogliamo ven¬ 
dere e premiamo sul pulsante Comincia a vendere. 


- - - noi 

mfr- 

Ki— 

- ■ 

prar. 




-k. Varie pozioni 

^ A questo punto è consigliabile togliere il baf- 
—‘ tetto accanto alla prima opzione, Showsug- 
gested videos when... e metterlo soltanto sull'ul¬ 
tima, Use old embed code. Una volta fatte queste 
modifiche, dobbiamo impostare la dimensione in 
pixel dell'oggetto video che Inseriremo. 



^ La giusta categoria 

Spostiamo l'attenzione sulla sezione 2, rela- 
- ' ' tiva alla categoria. Mettiamo II pallino accan¬ 
to alla voce che meglio identifica la categoria di 
appartenenza deH'oggetto, ad esempio la penultima 
{Manuali, Corsi, ecc.). Completiamo infine anche le 
altre sezioni senza però salvare. 



^ Le giuste dimensioni 

r Possiamo scegliere tra le dimensioni stan- 
- dard offerte da\buTube oppure dare un vaio- 
re personalizzato impostando o l'altezza o la larghez¬ 
za. L'attra variabile, quella non impostata in prece¬ 
denza, verrà compilata automaticamente. Al termine 
copiamo II codice HTML e ritorniamo su eBay. 



— 


^ Condividi il video 

2 Apriamo ora una nuova finestra nel browser e 
— y andiamo sul sito di YouTube. Apriamo II video 
(cercandolo attraverso l'apposita casella) che voglia¬ 
mo aggiungere al nostro prodotto su eBay. Cucchia¬ 
mo sulla linguetta Share. Si aprirà una finestra con 
diverse opzioni, Clicchiamo su Embed. 



jk. Inserimento su eBay 

g, cucchiamo su Passa al modulo con più 
opzioni. Confermiamo la scelta premendo 
su Continua. Individuiamo la sezione Descrivi l'og¬ 
getto che stai vendendo. Clicchiamo sulla linguetta 
HTML ed incolliamo il codice prelevato. Concludia¬ 
mo quindi rinserimento dell'oggetto come al solito. 


personalizzati. Ma quali sono i van¬ 
taggi nell'acquistare un templare? Il 
maggiore vantaggio è spesso il prez¬ 
zo. 11 secando vantaggio, quello che 
probabilmente induce il venditore 
al suo acquisto, riguarda i tempi di 
realizzazione che, nel caso di bravi 
designarsi riducono a pochigiomi di 
lavoro, secondo le proprie esigenze. 
1 templare sono disponìbiU in diversi 
formati: Photoshop, HTML, Macro¬ 
media Flash MX, ecc. Per chi desi¬ 
derasse ricorrere all'uso di tempiale 
gratuiti, ftossibi le trovare su Internet 
molte fonti che offrono questo galere 
di "oggetti". Tanto per citarne qual¬ 
cuno, esiste Auctiva (www.auctiva. 
com) che offre il 100% dei propri 


templare per eBay gratuitamente 
oppure Share-Your-Design (www. 
share-your-design.com) aH'intemo 
del quale è possibile sihittare il la¬ 
voro di altri designer (scaricando i 
tempiale messi a disposizione del 
sito) e condividere i propri con altre 
persone. Se, invece, desideriamo cre¬ 
arne di personali, è bene sapere che 
esistono appositi sofware che pos¬ 
sono aiutarci in quest'impresa. Uno 
di questi è disponibile al link www. 
edmastcr.it/url/2252. Il suo utilizzo 
è molto semplice: è sufficiente com¬ 
pilare i vari campi della form con le 
informaziani necessarie a descrivere 
il prodotto ed al termine premere 
Generate Source. 11 codice HTML 


GALLERSE A SCORRIMENTO... 

Froo! Cross-selling (www.edmaster.it/uri/2254) è probabilmente l'app 
eBay più popolare tra gli utenti del marketplace e permette, gratuita¬ 
mente, di aggiungere una galleria a scorrimento dei propri prodotti, 
mostrata all'interno dei negozio virtuaie. in questo modo, avremo la 
possibilità di rendere più accattivante il nostro‘angolo commerciale' 
dando maggiore visibilità a tutti i nostri prodotti. Attraverso questa 
piccola applicazione, peraltro configurabile molto semplicemente, 
è possibile promuovere fino a 50 oggetti eBay posti all'interno di 
un banner a scorrimento, regolare la velocità del movimento ed ag¬ 
giungere un messaggio personalizzato per aumentare ulteriormente 
il livello di attrazione del banner e semplificare la scelta. Inoltre, tra 
le altre cose, è possibile personalizzarlo scegliendo il tempiale da 
utilizzare tra 14 gallery designs. Ultima caratteristica degna di nota: 
l'applicazione è compatibile anche con iPhone ed iPad, quindi, ge¬ 
stibile anche In mobilità. 
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che viene mostrato lo possiamo così 
copiare ed incollare laddove neces¬ 
sario perpersonalizzare il nostro sito. 

Un centro commerciale 
sul Web 

Gooutlet è un brand registrato 
da una società con sede in Sviz¬ 
zera che ha conferito mandato 
ad una società italiana per la 
distribuzione in esclusiva del 
suo marchio sul territorio na¬ 
zionale. Con Gooutlet è quindi 
possibile avere il proprio ne¬ 
gozio di e-commerce video 
gestito (gratuito per 40 giorni), 
promuovere servizi e miglio¬ 
rare la visibilità della propria 


azienda, in particolare, con il 
termine “video gestito' s’in¬ 
tende che, attraverso il proprio 
negozio Online, è possibile vi- 
deo-chlamare l’utente finale, 
chattando con lui, se occorre 
e creando cosi un rapporto più 
diretto e confidenziale con es¬ 
so. Ad ogni acquisto, in tem¬ 
po reale, si riceve la notifica 
deU’ordine, tramite SMS e/o 
via mail, che deve essere poi 
riconfermato entro le 12/60 ore 
successive. Altra cosa molto 
importante, è che Gooutlet, a 
differenza di eBay, non appli¬ 
ca nessuna commissione sul 
venduto. 


NUOVE OPPORTUNITÀ 
CON M-COMMERCE 

Cosa occorre per comprare on-line? Un sito attrezzato per l'e- 
commerce, un mezzo di pagamento adatto, l'attitudine giusta e, 
naturalmente, un hardware capace di accedere alla Rete. Come un 
cellulare! Secondo una ricerca condotta da GFK Eurisko per PayPal, 
sull'M-commerce, risulta che II 67% del campione interpellato sa 
che è possibile fare acquisti in mobilità e la conoscenza del mobile 
commerce sale infatti al 79 % fra i possessori di smartphone. Queste 
percentuali fanno ben sperare GfK Eurisko che sostiene che il terreno 
in Italia sembra essere favorevole alla progressiva diffusione degli 
acquisti via mobile. Il bisogno di essere sempre oniine e connessi 
ha reso questo strumento (il telefono cellulare) sempre più alleato e 
indispensabile. Orientarsi all'M-commerce, quindi, potrebbe essere 
una buona soluzione per le PMI, Interrompendo così quel calo della 
produttività che è stato calcolato essere di ben 15 punti in 10 anni. 


Il nostro negozio videogestito... 


^tOBASsaiasu 

É « ■ " 

^ Po -- 

^ Inseriamo i dati 

■5 Apriamo il browser ed andiamo su www. 
gooutlet.it Clicchiamo sul link in alto Apri II 
tuo negozio. Inseriamo quindi i nostri dati all'inter¬ 
no delle caselle presenti. Nella casella a fine pagina 
Digita II codice di sicurezza scriviamo II captcha a 
sinistra e premiamo su Richiedi affiliazione. 



^ Cosa vendiamo? 

In questo modulo compiliamo per bene I dati 
mancanti, facendo attenzione a valorizzare 
correttamente i campi della sezione Dati contabi¬ 
li, modalità di pagamento accettate necessari per i 
pagamenti. Inoltre, in fondo pagina, mettiamo il baf- 
fetto accanto alle marche che desideriamo vendere. 



^ Utenza attivata! 

2 Apriamo la casella di posta, (dobbiamo atten¬ 
dere almeno 12 ore per la conferma sulla 
creazione dell'account) e leggiamo la mail di Goout¬ 
let contenente i dati per il collegamento. Clicchiamo 
sul link ed inseriamo i dati (usemame e password) 
contenuti nella mail per accedere al portale. 



^ Inseriamo un prodotto 

g cucchiamo su Salva I datì, poi su PRODOTTI 
—^ IN VENDITAe Aggiungi un prodotto.tnsem- 
mo tutti i dati richiesti dalla form, facendo attenzione 
a valorizzare tutte le informazioni obbligatorie (quelle 
che presentano un ""alla fine del nome). Mettiamo 
Il pallino su Si, posto sotto Subito oniine. 



^ Inseriamo una foto 

f> Al primo ax*sso il portale ci avverte che non 
— abbiamo inserito alcuna immagine. Cucchia¬ 
mo su Inseriscine una, premiamo su Browse, sele¬ 
zioniamola dal disco e clicchiamo su Invia Fotogra¬ 
fìa cucchiamo su Salva senza ritàgliare. Clicchiamo 
quindi su DAR DEL NEGOZIO per modificarli. 



^ Ecco fatto! 

0 Al termine premiamo su Salva e carica le 

_ if' foto. Clicchiamo su Browse, selezioniamo 

la foto da inserire e premiamo Invio. Clicchiamo su 
Invia fotografia, poi su Salva senza ritagliare. Scrol¬ 
liamo la pagina e premiamo su Toma ai prodotti. 
Ecco il nostro primo prodotto in bella mostra! 
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Web Pro | YouTube Live Streaming 


YoulUbe Live: 
il bello della diretta 

Così creiamo il nostro network personale per trasmettere dal vivo 
sul Tubo le immagini provenienti dalle sorgenti video collegate al PC 


N on è una novità per YouTiibe la 
possibilità di trasmettere eventi 
in diretta, lo è però il fatto che 
tale funzione da qualche settimana 
è disponibile per tutti gii utenti del 
portale video più celebre del Web. 
L’uso degli Eventi dal vivo è quindi 


possibiie anche sul nostro profilo 
YouTUbe, a patto che in passato non 
abbiamo ricevuto ammonimenti per 
la violazione delle norme che regola¬ 
no la condivisione dei contenuti. I,a 
funzione non è abilitata di default ed è 
possibile solo dopo aver verificato l'ac- 


count associando il profilo al nostro 
numero di cellulare. Per preparare il 
tutto ci vorrà solo qualche manciata di 
minuti dopodiché YoulUbe ci offrirà 
tutti gli strumenti per dirigere il no¬ 
stro network e trasmettere eventi in 
live streaming. Ecco come procedere. 



Cosaci 

OCCOITB ““ 

S8tvi2K)aviDeo 

HOSTING 

YOUTUBE 

Quanto costa; (katuito 
Sito Intamel: 
www.youtuba(t 

BflOWSERWEB 

GOOGLE 

CHROME 

✓DVD 

Srto 

www.goo^tt 


^ Il browser consigliato 

■| Anche se, in teoria, gii strumenti sono compatibi- 
li con tutti i browser Web disponibili in circolazio¬ 
ne, usando Google Chrome incontreremo meno grattaca¬ 
pi. Installiamolo e puntiamolo all’Indirizzo www.youtube. 
com/verify. 


^ Verifichiamo raccouiit 

2 Effettuiamo II login al nostro profilo YouTube, spuntiamo 
• l’opzione Inviatemi II codice via SMS. digitiamo il nostro 
numero di cellulare e cucchiamo Invio. Entro un paio di minuti 
riceveremo l’SMS contenente II codice di verifica. Riportiamolo 
nell'apposito campo e confermiamo {Inviò). 



^ C A ’inrpt V..-. • 

Hcifi ' TX- 


= 

C - ' • 



I 


YoufllW 


Jfc# ■ 


- 



Attiviamo qH Eventi dal vivo 

2 Un messaggio ci informerà che l'account è verificato. Cicchiamo Con- 
—J tinua, scorriamo la pagina delle funzioni abilitate e attiviamo Eventi dai 
vivo. Se non troviamo la funzione, vuol dire che in passato abbiamo violato le 
norme di YouTube e quindi non possiamo usufruire dello streaming. 


Il nostro Primo evento 

Ora che il nostro account ha tutti i requisiti necessari, siamo pronti per 
avviare lo streaming. Espandiamo la sezione Gestione Video, selezio¬ 
niamo Eventi dal vivo, cucchiamo Crea evento dal vivo, riempiamo i campi e 
assicuriamoci che nel campo Tipo sìa selezionato Personalizzato. 
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^ Codificatore gratuito 

5 Confermando le modifiche apportate ali'account passeremo automa- 
—^ tlcamente alle Impostazioni di upload. Definiamo un bitrate non troppo 
elevato, selezioniamo II codificatore Wirecast, cucchiamo sul collegamento 
Windows, scarichiamo la versione Free e installiamo II software, 


^ Dammi la “uno” 

0 Colleghiamo al PC le sorgenti video e avviamo Wirecast. Tutte le sor¬ 
genti saranno riconosciute e importate: dal menu Sorgenti è possibile 
aggiungere anche le Immagini del desktop o di una finestra a scelta. Selezio¬ 
niamo la sorgente da trasmettere e cucchiamo Stream. 




^ Registi si diventa 

y cricchiamo su Autentica e forniamo le autorizzazioni {Accettài di 
—/ accesso al nostro account YouTube (OK). Clicchiamo nuovamente su 
Stream, ritorniamo nella pagina deH'evento dal vivo e spostiamoci nella sche¬ 
da Cabina di regia. Clicchiamo su Anteprima e attendiamo qualche secondo. 


^ Pronti per la diretta 

0 YouTube effettuerà una veloce verifica che analizzerà la qualità dello 
—> stream video. Se è soddisfacente, con Inizia streaming possiamo 
finalmente mandare In diretta la trasmissione, che potrà essere seguita sul 
nostro canale YouTube o dovunque inseriremo il codice del player embed. 


LA NUOVA FRONTIERA DELLA PIRATERIA VIDEO 

In barba alle condizioni che vincolano lo streaming di cellulare e quindi un'eventuale contestazione 


su YouTube, c'è già chi utilizza gli Eventi dal vivo 
per trasmettere contenuti protetti copyright tra 
cui: eventi sportivi, canali delia PayTV e quant'altro. 
Sfruttando una scheda di acquisizione video per 
trasferire il flusso dimmagini proveniente dai decoder 
DVB o satellitari al PC, il pirata non deve fare altro 
che impostarla come sorgente della trasmissione In 
Wirecast Inoltre, aggiungendo ulteriori videocamere 
in fase di setup dell'Evento dal vivo e utilizzando la 
versione Pro di Wirecast i pirati sono addirittura in 
grado di allestire una trasmissione che permette 
all'utente di cambiare inquadratura o canale. I rischi 
nel trasmettere in streaming questi contenuti, però, 
sono notevoli. 

Ricordiamo, Infatti, che per sfruttare gli Eventi dal 
vìvo di YouTubeè necessario fornire II proprio numero 


per trasmissioni di contenuti protetti da copyright 
verrebbe immediatamente contestata al proprietario 
dell'account con tutte le conseguenze legali del caso! 
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Uve Travet 

Portale dedicato al viag 9 
www.wlnmagazine.it/Tinl(/2407 

UveGaming 

Per gli appassionati dei videogame 
www.winmagaznie.it/1ink/2408 

UveSport 

Tutte le novità sportive dal Mondo 
www.winmagazine.it/link/2409 

Entertainment 
TG,news e curiosità 
www.winmagazine.it/rink/2410 

Eventi dal vivo 

Il portale dedicato agli eventi live 
www.winmagazine.it/link/2411 
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CORSO DI NAVIGAZIONE SICURA 


C** SM Web in pratica 


I Dp#\ I 


Navigare sicuri, 
navigare bene! 

Trucchi, consigli, estensioni e software per 
spassarseia sul Web al riparo da truffe e 
malware. Dal browser alla protezione avanzata, 
ecco la guida completa 


O ttenere ilmassimodalleproprie 
navigazioni sul Web è un’im¬ 
presa che passa da tante accor¬ 
tezze. La scelta del browser, prima dì 
tutto. Per ]x>i andate alla gestione dei 
plughi e alla selezione delle migliori 
estensioni che consentono di ave¬ 
re funzioni aggiuntive con le quali 
navigare meglio: ad esempio senza 
pubblicità o con i dati di Facebook 
sempre a portata di clic. Lo scopo, 
però, deve essere anche quello di na¬ 
vigare in tutta sicurezza, schivando! 
pericoli della Rete (che sono davvero 
tanti!]. Già, la sicurezza: una questio¬ 
ne complicata e sempre più spesso 
trascurata! Ci sono virus, certo, ma 
anche trufie (quasi) a ogni angolo del 


Web. Ad esempio, lo sai cbe si può 
essere infettati anche da siti legìtti¬ 
mi e “tranquilli”? E che i truffatori 
diventano sempre più abili a carpire 
la nostra fiducia, impersonando ma¬ 
gari un’avvenente ragazza dell’Est? 
E non è finita, perché bisogna an¬ 
che proteggere la propria privacy: 
sempre più persone sentono questa 
esigenza, contro i siti che vogliono 
spiare le navigazioni a scopo pub¬ 
blicitario. Adesso è possibile farlo 
in vario modo, persino con la crit¬ 
tografia. Poi magari abbiamo pen¬ 
sato a tutto, ma il browser comincia 
a fare le bizze: si blocca, va in crash. 
Di colpo è infestato da una toolbar. 
Oppure i video vanno a scatti: sarà 


colpa della connessione Internet? 
Non è detto: forse è un virus! Ma 
c’è un rimedio anche per 
questo! Insomma, sono 
davvero tanti i quesiti 
legati alla tematica 
"navigazione sicu¬ 
ra"; ed è per que¬ 
sto che abbiamo 
deciso di creare 
una guida com¬ 
pleta al browsing, 
dai primi passi ai 
trucchi più sofi¬ 
sticati. Per navi¬ 
gare meglio, in 
modo sicuro e 
intelligente! 


IL BROWSER GIUSTO PER SURFARE <^"1 WEB 


La prima cosa cbe ogni bravo internauta 
deve fare, prima di navigare, è scegliere 
il browser da usare, ossia il software che 
consente di collegarsi ai siti Web e di ca¬ 
ricare a video tutti gli elementi presenti 


Stitiiona i tuoi brows«r 


«SSS 0 « 1 . 


nelle varie pagine (immagini, testi, script 
ecc). Certo, possiamo installarne più di 
uno, ma presto o tardi verrà spontaneo 
eleggerne uno a nostro preferito. Non è 
una scelta da fare a cuor leggero, vista la 
centralità che il browser ha nel 
mondo Internet. Non a caso, l'An- 
tltrust UE ha Imposto a Microsoft 
sul territorio europeo, di mostrare 
la famosa schermata 'scelta del 
browser' dopo llnstallazione 
di Windows. È un passo fonda- 
mentale, quindi, che indirizzerà 
il nostro modo di navigare. 
Diciamo subito che le differenze 
tra i principali browser (Rrefox 


di Mozilla, Chrome di 
Google, Internet Explorer 
di Microsoft ecc) non sono or¬ 
mai abissali. Sono tutti dei buoni 
browser. Sono finiti I tempi In cui 
Microsoft proponeva un Internet Ex¬ 
plorer datato rispetto ai concorrenti 
(la stessa azienda ha ammesso, in uno 
spot del nuovo bro\«ser, che la musica 
ora è molto diversa). La scelta deve 
tener quindi conto di diversi fattori: 
la velocità del browser, la sicurezza, le 
funzioni aggiuntive. Dai nostri test 
di laboratorio, confermati anche 
da altri test pubblicati sul Web, 
Chrome è da preferire per la 











pemavtgare sicuri | Web Pro { 


SW Web in pratica 


WI-FI 


Una delle primissime cose da (prima ancora 

di avviare il browser) è rendere sicura la rete 
Wi-fì di casa. Perirlo possono utilozaiediversi 
tool: dai software di baite foce delle passvwxd 
al programmini che con un clic mostrano 
in due secondi la password predefinita 
daH'operatore telefonico (che d ha fornito 
il router). CJuindi cambiamo le password 
del W5-R de del axiter! Colleghiamod 
con il browser allIndiriTzo IP del rou¬ 
ter (k) troviamo scritto nel manuale 
o riportato sul fbndo/retro dei rou¬ 
ter,potrebbe essere 792.T6&I.T 
o simile) e digitiamo la password 
di accesso al pannello di con¬ 
trollo indicata nel manuale. 
Aquesto punto dobbiamo 
fare due cose: cambiare la 


FIREWALL 



password che consente di accedere alllnter- 
faccia di configurazione del router e la chiave 
della reteWi-Fi (per collegarsia Internet tramite 
wireless), sceglierxfo per questuiti ma il proto¬ 
collo WPA o WPA2 se supportato dal router e 
dai dispositivi in nostro possesso. Le istruzioni 
variano a seconda del modello, ma possiamo 
orientarci fadimente cercando tra le voci di 


sicurezza o di sistema presenti nel pannello 
di controllo del dispositivo. Ricordiamod che 
una password sicura delle essere alfanume¬ 
rica, con simboli speciali (9, #ecc.) e lunga 
almeno 8 caratteri; per fard aiutare nella sua 
generazione possiamo riconere al sito Web 
http-y/password.es/it 


wmmm 

IP 


MDEHUUI 

m ' i'i.i il 

UPASSWOlOAtm 

TELECOM 

ITALIA 

192.168.1.1 

Gestione modem/Password 

Gestione modem/Wl-Fi/ 
Configura rete Wi-fì 

FASTWEB 

192.168.0.1 

fastweb.it/myfa$tpage/ 
Gestione abbonamento 

fastweb.it/myfestpage/ 
Gestione abbonamento 

INFOSTRADA 

192.168.1.1 

Funzionl/Utentl 

Funzionl/WIreless 

1 

nSCALI 1 

1 1 

192.168.1 J54 

1 1 

Non modificabile 

Home/rete domestica/ 
Configura 


Un firewall ('muro tagliafuoco') 
è un filtro che, monitorando 
tutti i pacchetti dati in entra¬ 
ta e in uscita, ci consente di 
innalzare uno scudo che 
blocca le informazioni 
cheam'vanodalla gran¬ 
de Rete o che escono 
dal nostro PC. Il fire- 




Wall, quindi, nasce per impedire ai 
malintenzionati di infettarci con vi¬ 
rus, worm ecc o per rubare i nostri 
dati personali (password, numeri di 
carte di credito ecc) tramite trojan 
e rootkit II firewall è in grado di iso¬ 
larci da Internet se le sue regole so¬ 
no create per bloccare tutto il traf¬ 
fico in ingresso e in uscita. Da ciò si 
capisce che una sua attenta confi¬ 
gurazione ci permette di bloccare, 
come riteniamo 
più opportuno, i 
processi di siste¬ 
ma e i program¬ 
mi In esecuzio¬ 
ne che tenta¬ 
no di collegarsi 
a Internet a no¬ 
stra insaputa o i 


tentativi di accesso dall'esterno dì cui 
non sappiamo la provenienza. Un fi¬ 
rewall, pertanto, serve a tutti, in par- 
ticolar modo a chi lasda II PC sempre 
acceso e collegato a Internet. Il fire¬ 
wall integrato in Windows potrebbe 
risultare poco efficace, meglio Instal¬ 
larne uno più sofisticato, magari gra¬ 
tuito come Ashampoo Firewall Free. 
È scaricabile dal sito www.edmaster. 
it/uri/2872 cliccando su Download e 
use for free. Installiamo il software: al 
riavvio del sistema dovremo inserire 
il codice di licenza che otteniamo via 
email dopo averla inserita qui: wvi/w. 
edmaster.lt/url/2873. Scegliamo la 
modalità semplificata e II program¬ 
ma ci guiderà nella configurazione 
passo passo. 



velocità di rendering delle pagine, per le 
funzioni di browsìng sicuro e per le capaci¬ 
tà di sincronizzazione, che ci permettono 
di utilizzare la stessa configurazione per¬ 
sonalizzata su tutti i computer In nostro 
possesso. Il principale limite, però, èche 
non è Inclusa alcuna fùnzionedi Patental 
Control, possibile quindi solo trami¬ 
te applicazioni di terze parti. Firefox, 
invece, sì distingue per un’interfaccia 
minimalista, una navigazione molto 
semplificata e le funzioni di privacy. 

In alcuni test però, risulta un po'più 
lento dì Chrom& Internet Explorer è 
competitivo per velocità e funzioni 
(ma scarseggia di componenti ag¬ 
giuntivi); Il solo'difetto'è che resta 


di gran lunga il btowner più popolare tra gli 
utenti alle prime armi e per questo motivo 
è quello più attaccato dai pirati (sempre a 
caccia di nuove vulnerabilità da sfruttare). 
Anche Opera è un valido browser, in grado 
di competere ad armi pari con i concor¬ 
renti; ma se desideriamo installare tante 
estensioni per aggiungere nuove funzioni 
allora rxm possiamo che rivolgerci a Chro- 
me o a Firefox. In sostanza, non esiste un 
vincitore in senso assoluto, ecco perché il 
nostro consiglioè di provarli tutti (almeno 
alUnizio) per capire quale si addice di più 
alle proprie esigenze. Per evitare maiware 
scarichiamoli sempre dai siti ufficiali (o 
meglio ancora dal nostro supporto poiché 
tutti i contenuti presenti nei supporti alle¬ 


gati alla rivista vengono scupolosamente 
controllatì dalla redazione): wwwjnozilla. 
org per Rrefox, www.google.com/chrome 
per Chrome, Windows Update (o http:// 
wìndows.microsoft.com/it-ìt/internet- 
explorer/download-ie) per Internet Ex¬ 
plorer e vrww.opera.com per Opera. Se 
abbiamo già un browser installato. Inol¬ 
tre, assicuriamoci sempre di aggiornarlo 
all'ultima versione disponibile. Man mano 
che vengono scoperte le felle di sicurezza 
gli sviluppatori provvedono a'patcharle” 
('tapparle tramite patch"). Dunque, un 
browser aggiornato, qualunque esso sia, 
ci mette al riparo dall'esecuzione invo¬ 
lontaria di codice dannoso che potrebbe 
essere celato nelle pagine Web. 





























^ Siti Web in pratica 


OCCHIO DOVE 
W CUCCHI! 

PLUC-ININSICURI 

Ibrowser necessitano 
di plugin per visua¬ 
lizzare cofrettamente 
alcuni contenuti (fil¬ 
mati, musica, giochi 
Online, presentazioni ecc). I più noti sono Rash, Java, Quicktime, SII- 
verllght, Adobe Reader e Windows Media Player. Anche per questi 
vige la regola dello ‘scaricare solo dai siti uffìdali’ o tramite i sistemi 
di update in essi implementati. Navigando sul Web, apita di imbat¬ 
tersi in finte richieste di aggiornamenti (come quella mostrata in fi¬ 
gura)! Non cucchiamoci mai! Si tratta di virus! 

FINTI ANTIV 1 RUS 

Mentre navighiamo appa¬ 
re una finestra secondo la 
qualeilnostroPCèinfet- 
todavirus.Lastessapo- 
pupd consiglia di sarica¬ 
re un software antivirale 
che consente di riparare II PC Mai dkare su questo tipo di banner e 
diffidiamo sempre dai programmi sconosduti che promettono di ri¬ 
muovere problemi specifid. In realtà si tratta di virus spacdati per 
antivirus (vengono definiti 'rogue software*). Invece di curare il PC 
gli daremmo II colpo di grazia! 


TRUFFE ONUNE BEN 
ORCHESTRATE 

Copiandola grafia di un si¬ 
to Web, i pirati riescono a tu¬ 
bare le nostre identità virtua¬ 
li e a saccheggiata il conto in 
bana tramite tecniche di Phishing! Un esempio è la pagina mostra¬ 
ta In figura. Sembra quella per rlarkare onilne II aedito del cellula¬ 
re, ma in realtà, osservando attentamente il link, punta a tuttialtro 
server. Alcuni aeano dei domini ad hoc Inserendo il nome del ser¬ 
vizio (ad esempio *wvvw.promowindxyz.com*) per trard in ingan¬ 
no! Diffidiamo sempre dalle email e dalle finestre popup che si apro¬ 
no nel browser! 

PC BLOCCATO DALIA POLIZIA? 

AH'awio di Windows appare un messaggio minacdoso della Poli¬ 
zia di Stato, Guardia di Finanza, Polizia Postale o altre forze dell'or¬ 
dine. Sostiene che abbiamo commesso un reato informatico e che 
il K sarà blocato finché non paghiamo una multa (100,200 eu¬ 
ro. . .). I poliziotti non c'entrano; sono pirati! Un 'ransoreware* cl ha 
infettati (da un allegato email, da un eseguibile sanato da Inte- 

net ecc). Rimuoverlo po¬ 
trebbe non essere sem¬ 
plice: dipende dalla ver- 
sione del vinis. Su www. 
edmaster.it/url/2880, 
però, troviamo un elenco 
aggiornato di procedure 
da seguire. 





SNIPMP3 


ANTIViEUS 



Scaricare file dalla Rete, in particolare da siti 
rvon ufficiali, o scambiare file con altre perso¬ 
ne, tramite P2P o via email, sorx) azioni che cl 
espongono al rischio di infezione da"vinjs''in- 
fòrmatlci. Ne esistono di diversi tipi, ma pos¬ 
siamo dire che un virus è un software male¬ 
volo che si replica autonomamente (ai nostri 
contatti email, alle memorie USB collegate al 
PC ecc) e che svolge una serie di azioni a dan¬ 
no deila vittima (spesso a sua insaputa). I mal- 
ware più pericolosi per la nostra sicurezza so¬ 
no i cosiddetti “trojan", software-spia che per¬ 
mettono ai pirati di assumere il controllo del 
nostro PC. Con un trojan possono registrare 
quello che digitiamo sulla tastiera (addio a 
password e numeri di carte di credito!), trafu¬ 
gare file importanti dall'hard disk, osservare le 
finestre aperte sul monitor, spiarci dalla Web¬ 
Cam collegata/integrata nel PC ecc Possono 
persino sfruttare la potenza di calcolo del no¬ 
stro computer per eseguire attacchi informati¬ 
ci di massa (a siti governativi, istituzionali o di 
grandi multinazionali), generare a scrocco la 
moneta virtuale Bitcoin (che ovviamente va a 
rimpolpare il portafogli del pirata) o eseguire 
azioni illegali di varia natura (pirateria multi¬ 



mediale, pedopornografia ecc) utilizzando il 
nostro IP (l'Indirizzo assegnatoci dal provider 
che ci identifica su Internet). Agli occhi della 
legge, quindi, saremo noi ! responsabili delle 
azioni malvage compiute in realtà dal pirata! 
In altre parole, non si può collegare un PC a 
Internet se prima non si è Installato un buon 
antivirus! Forse non ci salva da tutto, ma è co¬ 
munque necessario. Si può cominciare da un 
antivìrus gratuito (anche se i sistemi euristi¬ 
ci integrati non riescono sempre a rilevare le 
nuove minacce) come Avira AntiVir. È tutto in 
italiano e le classifiche comparative lo premia¬ 
no come uno dei migliori prodotti (senza nulla 
da invidiare a quelli a pagamento). Andiamo 
su www.avira.com/it/avira-free-antivirus, fac¬ 
ciamo clic su Download gratuito, rispondia¬ 
mo Afo alla possibilità di prendere la versione 
a pagamento e poi avviamo il file scaricato. 
Accettiamo i termini del contratto di licenza, 
andiamo Avanti ma prestiamo attenzione a 
non installare le toolbar aggiuntive che sono 
soltanto un peso per II nostro browser; nella 
peggiore catturano i nostri dati a scopo pub¬ 
blicitario. Su alcuni PC Avira potrebbe risultare 
pesante. In tali casi possiamo installare Avast, 
che pureè in italiano. Da www.avasLcom, cuc¬ 
chiamo su Val ai download e poi Scarica su 
avastl Free Antivirus. Scegliamo No grazie, 
voglio la protezione gratuita. Avviato il pro¬ 
gramma, cucchiamo su Registra in alto a de¬ 
stra. Inseriamo i nostri dati: per email ci am'- 
verà un codice di attivazione (una licenza) da 
inserire nel programma. 
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j Trucchi per 


ANTI-SPIA 


Navigare sul Web significa inevitabilmente 
mettere a repentaglio la nostra privacy. E ciò 
accade anche se non forniamo personalmen¬ 
te le informazioni riservate. Quando visitiamo 
su un sito Web viene aeato nel nostro PC un 
file di testo, "cookie" che riporta al suo inter¬ 
no poche righe di testo, potenzialmente lesi¬ 
ve per la nostra riservatezza. I cookie nascono 
per consentire ai server Online di eseguire le 
autenticazioni automatiche; in questo modo 
possiamo ritornare sui nostri siti preferiti sen¬ 
za dover inserire ogni volta i dati di login. Fin 
qui non ci sarebbe nulla di male. Il problema 
è che alcuni siti usano i cookie per tracciare le 
nostre abitudini in Rete. Si chiama OBA (Online 
Behavioral Advertising), ed è conosciuta anche 
come "pubblicità tracciante”. Ce ne sa¬ 
remo certamente resi conto: navi¬ 
gando sul Web la pubblicità carica¬ 
ta nel browser sembra leggerci 
mente, proponendod esattami 
te prodotti e brand di nostro 
interesse. Ovviamente, chi 
confeziona questa pub¬ 
blicità ad hoc ci guada¬ 
gna, e non poco! 

Possiamo eliminare i 
cookie e la cronologia 
dei siti visitati dal brow¬ 
ser usando Ccleaner 


ila 




(www.piriform.com/ccleaner) o manualmen¬ 
te dalle Impostazioni dei browser. Qui troviamo 
anche le opzioni per il"browsing privato"(Rre- 
fox. Internet Explorer) o "incognito" (Chrome): 
significa navigare senza lasciare tracce dei siti 
visitati sul computer (alla chiusura del browser 
tutti i dati della sessione di navigazione vengo¬ 
no cancellati). Per tutelare la nostra privacy esi¬ 
stono anche una seriedi estensioni per browser. 
Per Chrome le trovlanto alla pagina www.goo- 
gle.it/intl/it/chrome/webstore/extension 5 J 1 tml; 
per FIrefox andiamo su httpsWaddons.mozilla. 
org/it/firefox/extensions; per Internet Explorer 
è utile www.iegallery.com/Pinned Sites. Con 
Disconnect, ad esempio, blocchiamo i cookie 
e le pubblicità che ci tracciano. Su Internet Ex¬ 
plorer possiamo provare G/rosfery (www.gho- 
stery.com). Do Not Track Me (www. 
ablne.com/dntdetail.php), inve- 
ce, non blocca I cookie egli script 
che ci tracciano ma li visualizza, la- 
sciandoci la decisione se disabili- 
tarli o meno. Altre utili estensioni 
W sono Adblock, utile per bloccare 
' le pubblicità, e Https Everywhere 
(www.eff.org/https-everywhere 
per Chrome e Rrefox; www.ed- 
; master.it/url/2876 per Internet 
I Explorer), che forza la navigazio- 
ne per usare le connessioni sicure 
r' su protocollo HTTPS. 


PARENTAL 

CONTROL 


Lasciamo il PC nelle mani di 
un minore? Proteggerne la 
navigazione è un obbligo! 

Lo sappiamo bene: il Web è 
pieno zeppo di contenuti ina¬ 
datti alla loro tenera età (violenza, 
pornografia, volgarità ecc). Quindi, se non possiamo se¬ 
derci di fianco ai nostri bambini durante le loro naviga¬ 
zioni sul Web occorre installare delle'tate software” che 
prendono il nome di "Parental control". 

Q sono numerose estensioni per farlo e le migliori hanno 
una lista nera di siti inadatti che bloccano automaticamen¬ 
te. Su Rrefox aggiungiamo l'estensione Parental Controls 
&Web Rtterfrom MetaCert (www.edmaster.it/uri/2877), 
disponibile anche per Chrome. Su Internet Explorer, inve¬ 
ce, conviene usare Windows Live Safety www.edmaster. 
it/uri/2878, integrato nel pacchetto Live Essentials. Il pro¬ 
gramma monitora un intero account Windows, che fare¬ 
mo usare ai nostri bambini: lo scegliamo dopo l'avvio di 
Windows Live Safety. Per la configurazione dei filtri arv 
diamo su httpsW familysafety.microsoft.com. Lopzione 
specifica per Internet si chiama Filtro Web. (/opzione di 
default Adatto ai bambini dovrebbe essere adeguata, ma 
possiamo renderla più o meno restrittiva. Dalle imposta¬ 
zioni possiamo attivare anche la ricerca sicura sui motori, 
che si raggiungono con un die sulla rotellina (su Bing bi¬ 
sogna scegliere tra Completa, Moderata o Disattiva: su 
Google direttamente Attiva SafeSearch). Ma c% un altro 
modo di bloccare i contenuti riservati agli adulti. Agire sui 
DNS(i server che trasfromanogli indirizzi IP nelle URL dei 


siti Web). Molti utenti cambiano i propri DNS di defeuK con 
quelli di Google: &A8J e 8.8.4.4, per accedere ai siti bloc¬ 
cati in Italia.Tuttavìa, cambiare i DNS d contente anche di 
aggiungere un filtro di sicurezza In più alla navigazione. 
Scriviamo Connessioni di rete sulla barra di ricerca di Win¬ 
dows, poi clic con il destro sulla scheda di rete {Ethernet 
o wireless) utilizzata. Proprietà, die su Protocollo Inter¬ 
net versione 4 (TCP/IPV4) e sceg\iamo Utilizzai seguen¬ 
ti indirizzi server DNS. Mettiamo 208.68.222.222 (pri¬ 
mario) e 208.67.220.220 (secondario) che sono i server 
di OpenDns. Utilizzando invece i DNS 208.67J22.123 e 
208.67.220.123, sempre di OpenDns, verranno bloccati 
anche i contenuti non adatti ai minori. Risultano utili an¬ 
che i DNS di Norton: 198.1S3.192.40e 198.153.194.40 
(rispettivamente, preferito e alternativo) filtrano I siti peri¬ 
colosi; 198.153.192.50e 198.153.194.50b\occanoan- 
che la pornografia; 198.153.192.60e 198.153.194.60 
bloccano In genere i contenuti non adatti ai minori, oltre 
a dare filtri di sicurezza aggiuntivi. 
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Lj toolbarè uno strumento che si instalia nel 
brorwsa mettendo a nostra (SqxrslÀme una 
serie di pulsanti più 0 meno u^. Chiadamo 
subilo:«sktonoandieletoo(baru6lperilno- 
strobrawscrTPeresempiolaGoogleToottar 
ha vari str um enti tawflle sempre a portata di 
marra La Bbtgtoolhar aggiunge Icone-fundoni 
per^KeboolglapostaealtraMalastragran- 
demaggioranaadì W e tO Q i Mr sono cose hwa- 
dentichedtrovlamosutbrowsersenzaaver- 
le voiiitK Qarrtvano dòpeawtr Installato cer¬ 
ti pmgramml gretuili guadagttano soldi 
per opri toolbar pubbRdtaria fatta installare 
agli utenti}. Alcune sorto solo aittipatiche da 
vedcg^i sovrappongono aBefimzioni del 


• jaai eivw* —«r^ ^ ^ 


A^wCleaner» 

Xpioòe 



A A .«Mo 1^, 



(ortelmigliofedelcasitracdanolenosttenBVl- 
gazkml in rete a scopi pubbltdtail).Ailora. per 
primacnsa.ognivoitachelnstainamouiip»- 
grammalamaggiorragioneseègietuili^^osit' 
trolliamo se durante II Setup d vtmpMpaOa 
llnstallaziorte ifi una toolbar o una bamdi^ 
strumenti (àia stessa cosa). Ingenerate nelle 
fine^ che appalotto durante II ptoces» di 
insteilaziorte, togliamo la spunta da tutto dò 
che è esterno al programma. Se d rhrovimno 
una toolbar tra capo e colte quindL andiamo 
nel Ponneffo dfcontro/te di Windows lailtap- 
posha sezione che ccmsente di rimuooeKte 
applicazioni; cerchiamo U nome della tmrifear 
e (fisinstalllainola come slamo aMttali a fare 
con ({ualsiasl altro programma. Wbw rMmawH 
chtamod di rimuovere! r ife r i menti d elti anni - 
bar artchecfaHe Impostazioni det b e BM s er , tra 
i componenti ag g lu i iUvI u le asmuiorr t . P ar 
sentpllficardlavitapossiamoricorrereapra- 
gtammi tpedftd che si oocuparto di rimuovere 
taooibafcomeAifivcfeancr(. ' 
r ' .:.g. ;t r 1)9 ,. . ^ ^ ) e Toolbaf Otantf (- ' 



PASSWORD 

Un errore tipico è usare la stessa 
password (magari pure facile) 
su vari siti/servizi Online. Ba¬ 
sta che i pirati la scoprano una 
volta per rubarci tutto: Il profi¬ 
lo Facebook, la mail.Twitter... E 
una volta entrati possono njbare 
la nostra identità! Certo, però, cre¬ 
are centinaia di password alfanumeri¬ 
che e ricordarle a memoria è una follia, ma possiamo aiu¬ 
tarci con programmi di gestione passvirard per browser. 
Uno dei più noti è Lastpass. Crea password complesse e le 
custodisce sui propri server in modo sicuro, tramite critto¬ 
grafia. Dobbiamo ricordare soltanto una chiave, quella di 
LastPass, alle altre ci penserà il programma. Andiamo su 
httpsv'/iastpass.com e dkchiamo su Download Last Pass 
(le funzioni avanzate di Last Pass Premium sono invece a 
pragamento). Il programma ci chiederà di mettere la mai! 
e di scegliere la password 'madre'. A questo punto, ogni 
volta che c'è un campo da compilare con una password 
possiamo cliccare con il tasto destro e farla memorizza¬ 
re a Lastpass. In seguito. LastPass ci consentirà di entrare 
in automatico o di copiare con un clic, nella barra, la pas¬ 
sword che ha memorizzato. È un'estensione sofisticata, 
consigliamo pertanto di leggere l'articolo www.edma- 
ster.it/uri/2875 per tutti I dettagli. 



IL TOP DELLA PROTEZIONE: LE SUITE COMMERCIALI 

Tutte le soluzioni proposte nel nostro articolo sono gratuite, ma quando si ha a che fare con la sicurezza non si dovrebbe badare 
a spese! Ecco dunque i migliori programmi antivirali a pagamento per chi vuole sempre il massimo, spendendo il giusto! 



ESET SMART SECURITY 

È dotato di un singolo motore di 
scansione contro le minacce infor¬ 
matiche per proteggere i computer 
da un ampio spettro di attacchi: 
virus, woim, spyware, rootkit ecc 
Usa la Tecnologia ThreatSense per 
individuare in tempo reale le nuove 
minacce, anche quelle non aiKora 
note agli antivirus, con un'efficacia 
riportata del 90 per cento. Integra, 
inoltre, un potente personal firewall, 
una solida protezione antispam, 
nonché i sistemi Sysinspector e Sys- 
Rescue che semplificano la diagnosi 
e il ripristino del sistema. 

Licenza; 1 anno, 1 dispositivo 
()uairto costa: € 65,88 
Sito Internet www.nod32.it 


MCAFEE 

AU ACCESS 2014 

Un pacchetto che protegge tutti 
I dispositivi utilizzati, PC, Mac, 
smartphone e tablet, con una 
soluzione unica centralizzata. 
Consente anche di cancellare in 
remoto i dati degli smartphone 
o i tablet smarriti e, grazie a si¬ 
stemi di parental control, tenere 
al sicuro i bambini dai predatori 
Online o dai contenuti espliciti 
presenti sul Web. Integra anche 
un gestore password (crea pas¬ 
sword uniche e le immette in 
automatico sui siti Web). 
Licenza: 1 anno, 5 dispositivo 
(guanto costa: € 99,95 
Sito Internet: home.mcafee.com 


NORTON 360 MULTI-DEVKl 

Protegge smartphone, tablet com¬ 
puter e Mac con una sola chiave di 
attivazione. Oltre a essere antivirus, 
ha strumenti Safe Web per Facebook 
(esamina la bacheca del social a 
cacda di link che possono contenere 
minacce come truffe o maiware). 
Analizza la reputazione dei siti a cui 
Futente intende connettersi. Pro¬ 
tegge nome untete e password e ha 
funzioni per la navigazione sicura dei 
minori. L'analisi dei processi malevoli 
si basa anche sul feedback dai 175 
milioni di utenti Norton. Ed in più, 25 
GB di archiviazione oniine sicura. 
Lkeiua: 1 anno, 3 dispositivo 
Quanto costa: € 89,99 
Sito Internet http://itnortoacom 


KASPERSKY PURE 3.0 

Fornisce vare funzionalità per 
proteggere il PC (inclusi identità 
digitale, documenti, foto, musica e 
password). Analizza il codice malevo¬ 
lo via doud, con le Informazioni rice¬ 
vute da milioni di utenti. Ha funzioni 
spedali per proteggere gli acquisti e 
le operazioni bancarie. Controlla che 
il sito Web sia sicuro, per evitare die 
i dati vengano sfruttati da siti Web 
falsi 0 di phishing. Permette anche 
di aprire i siti Web in una spedale 
modalità protetta, a difesa del nu¬ 
mero di carta di credito e altri dati 
personali. 

Licenza: 1 anno, 1 dispositivo 

()uanto costa: € 59,95 

Sito Internet www.kaspersky.com 
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I AM 



I AM NIKON D3300 Hami 

II sorriso di tua madre, I primi passi dei tuoi bambini, la luce irripetibile di im tramonta.. Sono istanti 
preziosi che vorresti far durare per sempre. Da oggi puoil II mio Modo Guida ti aiuterà a scegliere le 
imposlazioni migliori in ogni condizione. Con 3 mio potente sensore CMOS da 24,2 megapixel, ogni par¬ 
ticolare sarà esattamente come lo ricordavi. E grazie alla gamma IS0 100-12.800, non sarà un problema 
catturare l'attimo fuggente anche In condizioni di scarsa luminosità. GI111 punti focali, poi, d aiuteranno 
a mettete a fuoco le cose importanti della vita, pdma di condividerle via Wl-H'. Scoprimi su nikonreflex.it 


'ComeuroAt Wl-n $ dbpMOMi tnirt daponlWe u» atUtuiorc wlrriBM pa I* ecnwnfcartone con rtiipetftM mofeìli «endMOMponunHnie ( necmane 

ujnuniMiko wnan dtvic* tiWInrton Motillt UHBlyconiMtlblecoalQS'eAnidraitf'*. dhoonftiBo y rti Ka m M «n Qoogit e *wMe At<i ilot»'* 
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Atthe fieart of thè imsge 


Nikon 


NTTAl CARD assicura 4 anni d garanzia e assistenza più accurata con ricambi originai, 
tnfoiine 199.124.172. ?ef estendere la garanzia a 4 anni è necessario registrare il prodotto via 
Web aCe comfizioni riportate alCintemo d^la confezione o su www.nital.it 
















Computer protetto e finalmente libero di essere veloce con 

*eScan Anti Virus 

2 Per sistemi Windows®, Linux e OS X 



' www.escanantivirus.iv 


Utilizzo medio dello memoria RAM 


eScon 1 10 MB 


Messenger 
Altri Anti Virus 
Internet Explorer 9 
Firefox 
Software di grafica 
Giochi ad alta definizione 


|34 MB 
■ 70 MB 
100 MB 
m 350 MB 

900 MB 
2 GB 





» ' 
Monitoraggio della rate 


Protezione drive USB 


Tesiate e oerlifioato da: 



Diventa rivenditore di eScan Anti Virus 

partners.escanantivirus.it 


Dutribvtore skIuiìvo per I'IIoÌìq. 

l ’nno vìa 

TcCHNOLDGV 



















